Browser stellen die Layouts leider nicht immer gleich dar. So ist man leider dazu gezwungen eine Lösung zu finden wie man eigene Layouts oder Layout Fixes für die jehweiligen Browser zu verfügungstellen kann. Hierfür braucht man eine Browserweiche welche bei bestimmte Browsern, die dann die Css Files für den browser nachladen.
Ich perönlich mag kein Javascript und zeige hier mehrere Möglichkeiten wie man eine Browserweiche auch ohne Javascript erreicht.
Browserweiche via SSI
Server Side Include is eine Serverseitige Skriptsprache, die diverse Umgebungsvariablen des Webservers zu verfügung hat. Anhand dieser Umgebungsvariablen kann man zum beispiel mit $HTTP_USER_AGENT erfahren welchen Browser der User hat. Wie bei den meistern Skriptsprachen kann men IF Bedingungen erstellen. Eine simple IF, ELSE IF und ELSE könnte wie folgt aussehe:
<!–#if expr=”$HTTP_USER_AGENT = /MSIE/” –>
<link rel=”stylesheet” type=”text/css” href=”/css/layout_ie.css”>
<!–#elif expr=”$HTTP_USER_AGENT = /Mozilla/” –>
<link rel=”stylesheet” type=”text/css” href=”/css/layout_ns.css”>
<!–#else –>
<link rel=”stylesheet” type=”text/css” href=”/css/layout.css”>
<!–#endif –>
Browserweiche vom Internet Explorer
Der Internet Explorer hat eine eingebaute Browserweiche, die mach sich nutzen machen kann.
<!–[if IE 6]>
<style type=”text/css”>@import url(layout_IE.css);</style>
<![endif]–>
Optionen:
[if IE] [if IE 6] [if IE 7] [if IE 5.5]
! – nicht
lt – Kleiner als
lte – Kleiner gleich
gt РG̦sser als
gte РGr̦sser gleich
Als Beispiel wollen wir alle Internet Explorer aber der Version 6 ein spezielles CSS File geben.
<!–[if gte IE 6]>
<style type=”text/css”>@import url(layout_IE+.css);</style>
<![endif]–>
