Browserweichen
Version vom 3. November 2006, 18:05 Uhr von Yehudi (Diskussion | Beiträge) (→Stern-html-Hack: BSP.)
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)
Inhaltsverzeichnis
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
Stern-html-Hack
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
Links
- http://www.drweb.de/html/conditional_comments.shtml
- http://www.drweb.de/trickkiste/tricks76.shtml
- http://www.css4you.de/wsbw/index.html
- http://aktuell.de.selfhtml.org/artikel/css/browserweiche/
- http://www.webkrauts.de/2004/12/18/conditional-comments-fuer-den-internet-explorer/
- http://www.aboutwebdesign.de/awd/content/1004214286.shtml