Browserweichen: Unterschied zwischen den Versionen

Aus Linupedia.org
Wechseln zu: Navigation, Suche
(Komentar-Hacks: CSS-Anweisung für den Internet-Explorer 5 am Mac)
(aktualisiert)
Zeile 18: Zeile 18:
  
 
== Möglichkeiten mit Java-Script ==
 
== Möglichkeiten mit Java-Script ==
 
  
 
== Browserweichen mit Selektoren ==
 
== Browserweichen mit Selektoren ==
Zeile 37: Zeile 36:
 
* html html, body {  
 
* html html, body {  
 
background:  #e8e8e8; }</nowiki></pre>
 
background:  #e8e8e8; }</nowiki></pre>
 +
 +
=== Attributselektor ===
 +
Der Internet-Explorer (bis 6 zumindest) und Netscape 4 können die zweite CSS-Anweisung nicht lesen.
 +
<pre><nowiki>a[href]{
 +
      css-Anweisung}
 +
      a[href]{
 +
      css-Anweisung}
 +
</nowiki></pre>
 +
 +
(Dieser Hack ist von mir nicht praktisch getestet oder eingesetzt)
  
 
=== Stern-html-Hack ===
 
=== Stern-html-Hack ===
Zeile 65: Zeile 74:
  
  
=== Komentar-Hacks ===
+
== Komentar-Hacks ==
 +
 
 +
=== CSS-Anweisung für den Internet-Explorer 5 am Mac ===
  
CSS-Anweisung für den Internet-Explorer 5 am Mac:
 
 
<pre><nowiki>* html, body {  
 
<pre><nowiki>* html, body {  
 
background:  #ffffff;  
 
background:  #ffffff;  
Zeile 75: Zeile 85:
 
}</nowiki></pre>
 
}</nowiki></pre>
  
Im oben benannten ''Universalselektor''ergab sich das Problem, dass der IE auf dem Mac die Seite das Weiss an den Rändern zeigt. Durch die gleich danch 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.
  
 
== Links ==
 
== Links ==

Version vom 4. November 2006, 09:49 Uhr

Höhe=24px
Achtung dieser Artikel ist noch in Arbeit und dient vorläufig nur als Vorlage. Dieser Beitrag zu Linux oder der Abschnitt ist in Bearbeitung. Weitere Informationen findest du hier. Der Ersteller arbeitet an dem Beitrag oder Abschnitt und entsorgt den Wartungsbaustein spätestens 3 Tage nach der letzten Bearbeitung. Änderungen außer Rechtschreibkorrekturen ohne Absprache mit dem Urspungsautor sind möglichst zu vermeiden, solange dieser Baustein noch innerhalb der genannten Frist aktiviert ist.

--Yehudi 17:13, 31. Okt 2006 (CET)

Conditional Comments

Conditional Comments werden nur vom Internetexplorer in verschiedenen Versionen erkannt:

 <!--[if IE 5]>
 Dort gehört der code für den IE rein
 <![endif]-->
 


Boxmodell-Hack

Der Boxmodell Hack ist auch nur dafür da, um fehlerhafte Darstellungen im Internetexplorer zu umgehen.

Deutsche Version

Original Version

Möglichkeiten mit Java-Script

Browserweichen mit Selektoren

Universalselektor

Im Internet-Explorer 4 wird das Hintergrund-Image auf http://www.yehudi.de nicht geladen, aber die Farbe, die für die Seite verantwortlich ist, dadurch wird die ganze Seite grau, und der Seitenrand rechts hebt sich nicht mehr ab. Hier hilft folgender Hack:

html, body { 
        height: auto;
	background: url(images/snap_ground.png) top center repeat-y #e8e8e8;
	text-align: center; }
	
* html, body { 
	background:  #ffffff; }

* html html, body { 
	background:  #e8e8e8; }

Attributselektor

Der Internet-Explorer (bis 6 zumindest) und Netscape 4 können die zweite CSS-Anweisung nicht lesen.

a[href]{ 
       css-Anweisung}
       a[href]{ 
       css-Anweisung}

(Dieser Hack ist von mir nicht praktisch getestet oder eingesetzt)

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.

Das sieht dann an der Stelle so aus:


#header {

	background: url('images/header.jpg') no-repeat;

	padding: 0px;
	margin-left: 2px;
	width: 804px;
	height: 176px;

	}
	
*html #header {
	margin-left: 4px;

	}

Stern-Kind-Selektor-html-Hack

Komentar-Hacks

CSS-Anweisung für den Internet-Explorer 5 am Mac

* html, body { 
	background:  #ffffff; 
        /*\*//*/
	background:  #e8e8e8; 
        /**/
}

Im oben benannten Universalselektorergab 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.

Links