Browserweichen - Versionsgeschichte

Yehudi: Baustein entfernt, Autoren, Nav

2007-04-09T18:15:27Z

Baustein entfernt, Autoren, Nav

Djh2 am 9. April 2007 um 17:30 Uhr

2007-04-09T17:30:01Z

Yehudi: /* Browserabhängige externe Stylsheets */

2006-11-24T16:56:39Z

‎Browserabhängige externe Stylsheets

Yehudi: /* Conditional Comments */ Browserabhängige externe Stylsheets

2006-11-24T16:28:24Z

‎Conditional Comments: Browserabhängige externe Stylsheets

TomcatMJ: /* Stern-html-Hack */ Typokorrektur...stimmt der Domainname eigentlich im Abschnitt??

2006-11-04T13:50:22Z

‎Stern-html-Hack: Typokorrektur...stimmt der Domainname eigentlich im Abschnitt??

Yehudi: /* Links */ !important als Browserweiche

2006-11-04T13:35:56Z

‎Links: !important als Browserweiche

Yehudi: /* Universalselektor */ BSP. Link

2006-11-04T11:40:19Z

‎Universalselektor: BSP. Link

Yehudi: /* Stern-html-Hack */ verkürzt

2006-11-04T10:19:59Z

‎Stern-html-Hack: verkürzt

Yehudi: /* Stern-html-Hack */

2006-11-04T10:19:24Z

‎Stern-html-Hack

Yehudi: Komentare

2006-11-04T10:18:40Z

Komentare

@@ Zeile 1: / Zeile 1: @@
-{{UnderConstruction}}--[[Benutzer:Yehudi|Yehudi]] 17:13, 31. Okt 2006 (CET)
+Autoren: [http://www.linux-club.de/faq/Benutzer:Yehudi Yehudi], [http://www.linux-club.de/faq/Benutzer:Djh2 Djh2]
 == Browserabhängige externe Stylsheets ==
@@ Zeile 182: / Zeile 183: @@
 * http://www.webkrauts.de/2004/12/18/conditional-comments-fuer-den-internet-explorer/
 * http://www.aboutwebdesign.de/awd/content/1004214286.shtml
 [[Category:Webdesign]]

← Nächstältere Version		Version vom 9. April 2007, 17:30 Uhr
Zeile 48:		Zeile 48:

	-(Dieser Hack befindet sich derzeit bei mir nicht im praktischen Einsatz, und ist von mir nicht getestet)		-(Dieser Hack befindet sich derzeit bei mir nicht im praktischen Einsatz, und ist von mir nicht getestet)
		+
		+	== Möglichkeiten mit PHP ==
		+
		+	function browsercheck() {
		+	$browser = $_SERVER['HTTP_USER_AGENT']; #liest den Browser des Users aus
		+	if(preg_match("/^(mozilla)(.*)(firefox\|ie\|Opera\|netscape)/i",$browser)) {
		+
		+	/*Kontrolle darauf ob nach Mozilla(was immer am anfang steht)
		+	noch Firefox Internetexplorer Opera oder Netscape steht,
		+	damit man später auch den Mozilla herausfiltern kann,
		+	da dieser Browser keine spezifischen strings hat.*/
		+
		+	if(preg_match("/(ie)(.*)(\))$/i",$browser))
		+	return 1;
		+	else
		+	return 2;
		+	} else
		+	return 0;
		+	}
		+
		+	switch(browsercheck()) {
		+	case 1:
		+	#Internet Explorer
		+	echo '<link rel="stylesheet" typ="text/css" href="internetexplorer.css">';
		+	break;
		+	case 2:
		+	#Mozilla, Mozilla Firefox, Opera, etc.
		+	echo '<link rel="stylesheet" typ="text/css" href="mozilla.css">';
		+	break;
		+	default:
		+	#Sonstige Browser
		+	echo '<link rel="stylesheet" typ="text/css" href="default.css">';
		+	}
		+
		+	Wird derzeit beim mir benutzt auf [http://www.criminal-career.com/ www.criminal-career.com].
		+	Eine ziemlich gute Methode, da das ganze Serverseitig geschieht, also auch mit deaktiviertem JavaScript, etc. funktioniert.
		+	Hinzugefügt von [[Benutzer:Djh2\|Djh2]] 19:30, 9. Apr 2007 (CEST)

	== Browserweichen mit Selektoren ==		== Browserweichen mit Selektoren ==

@@ Zeile 10: / Zeile 10: @@
 @import url ("ohne_nn4.css");
 --></style></nowiki></pre>
 == Conditional Comments ==

← Nächstältere Version		Version vom 24. November 2006, 16:28 Uhr
Zeile 1:		Zeile 1:
	{{UnderConstruction}}--[[Benutzer:Yehudi\|Yehudi]] 17:13, 31. Okt 2006 (CET)		{{UnderConstruction}}--[[Benutzer:Yehudi\|Yehudi]] 17:13, 31. Okt 2006 (CET)
		+
		+	== Browserabhängige externe Stylsheets ==
		+	Um mit dem dem Netscape Communicator ein anderes Steelsheet zuzuweisen eignet sich folgender Code:
		+
		+	<pre><nowiki><title>Stylesheet für NN 4</title>
		+	<link rel="stylesheet" typ="text/css"
		+	href="standard.css">
		+	<style typ="text/css"><!-
		+	@import url ("ohne_nn4.css");
		+	--></style></nowiki></pre>

	== Conditional Comments ==		== Conditional Comments ==

@@ Zeile 70: / Zeile 70: @@
 === Stern-html-Hack ===
-Dieses kann eingestzt werden, um Werte für den Internet-Explorer ab Version 5 anders darzustellen. Auf meiner Seite http://www.engefuerst.de tritt das Problem auf, das im Internet-Explorer 5-6 der Header um zwei Pixel nach links verrutscht war. Da der IE ab Version 5-6 die flasche Aussage * html nicht wie die anderen Browser interpretiert, und die Werte liest, werden die vorrangegangenen Werte überschrieben.
+Dieses kann eingesetzt werden, um Werte für den Internet-Explorer ab Version 5 anders darzustellen. Auf meiner Seite http://www.engefuerst.de tritt das Problem auf, das im Internet-Explorer 5-6 der Header um zwei Pixel nach links verrutscht war. Da der IE ab Version 5-6 die falsche Aussage * html nicht wie die anderen Browser interpretiert, und die Werte liest, werden die vorrangegangenen Werte überschrieben.
 Das sieht dann an der Stelle so aus:

← Nächstältere Version		Version vom 4. November 2006, 13:35 Uhr
Zeile 105:		Zeile 105:

	Im oben benannten ''Universalselektor''ergab sich das Problem, dass der IE auf dem Mac die Seite das Weiß an den Rändern zeigt. Durch die gleich danach folgende Anweisung, wurde die Problematik dort auch behoben.		Im oben benannten ''Universalselektor''ergab sich das Problem, dass der IE auf dem Mac die Seite das Weiß an den Rändern zeigt. Durch die gleich danach folgende Anweisung, wurde die Problematik dort auch behoben.
		+
		+	== einzelne Browserabhängige CSS-Anweisungen ==
		+
		+
		+	=== Trick mit dem Unterstrich ===
		+
		+
		+	=== !important als Browserweiche ===
		+
		+	Auf http://www.engelfuerst.de setze ich rechts auf der Sidebar runde Ecken ein, diese werden aber von dem Internet Explorer bis Version 6 völlig falsch dargestellt. !important verhindert das überschreiben einer darauffolgenden CSS-Anweisung. Der Internet-Explorer und Netscape 4 kennen diese Regel nicht, und überschreiben mit der nachfolgenden Anweisung den bisherigen Wert. Der Wert none schaltet dann mit einem Schlag die runden Ecken ab, so, dass nun ein vertretbares Aussehen mit eckigen Ecken statt mit runden Ecken zustande kommt. Ab Internet-Explorer 7 werden die runden Ecken korrekt dargestellt, und auch die important-Regel gelesen.
		+	<pre><nowiki>.rtop , .rbottom {
		+	display: block !important;
		+	display: none;
		+	height: 1px;
		+	overflow: hidden,
		+	background:#e7e7e7;
		+	padding-left: 22px;
		+	margin-left: 521px;
		+	width: 240px;
		+	}</nowiki></pre>

	== Links ==		== Links ==

@@ Zeile 54: / Zeile 54: @@
 * html html, body {
 	background:  #e8e8e8; }</nowiki></pre>
 === Attributselektor ===

@@ Zeile 75: / Zeile 75: @@
 <pre><nowiki>#header {
 	background: url('images/header.jpg') no-repeat;
 	padding: 0px;

@@ Zeile 77: / Zeile 77: @@
 	background: url('images/header.jpg') no-repeat;
 	padding: 0px;
 	margin-left: 2px;
 	width: 804px;
 	height: 176px;
+	}
 *html #header {
 	margin-left: 4px;
 	}</nowiki></pre>

@@ Zeile 9: / Zeile 9: @@
   </nowiki>
 == Boxmodell-Hack ==
-Der Boxmodell Hack ist auch nur dafür da, um fehlerhafte Darstellungen im Internetexplorer zu umgehen.
 * http://meiert.com/de/publications/translations/tantek.com/boxmodelhack/
 Deutsche Version
@@ Zeile 18: / Zeile 33: @@
 == Möglichkeiten mit Java-Script ==
 == Browserweichen mit Selektoren ==
@@ Zeile 45: / Zeile 63: @@
 </nowiki></pre>
-(Dieser Hack ist von mir nicht praktisch getestet oder eingesetzt)
 === Stern-html-Hack ===
@@ Zeile 73: / Zeile 92: @@
 === Stern-Kind-Selektor-html-Hack ===
 == Komentar-Hacks ==
 === CSS-Anweisung für den Internet-Explorer 5 am Mac ===