Verschiedene Browser stellen Webseiten teilweise leider auch unterschiedlich dar. Idealerweise sollte man für die gängigsten Browser auch verschiedene Stylesheets verwenden.

Cascading Stylesheet

Mit einer Browserweiche können die vorher angepassten Stylesheets für den richtigen Browser automatisch geladen werden. Hier der Javascript-Code zum einfachen herauskopieren.

 

<script language="JavaScript">

// Browserweiche
if (navigator.userAgent.indexOf("Opera") > 0){ document.write("<link rel=\"stylesheet\" href=\"css/erste.css\" type=\"text/css\">");}
if (navigator.userAgent.indexOf("MSIE") > 0 &&
navigator.userAgent.indexOf("Opera") < 0){ document.write("<link rel=\"stylesheet\" href=\"css/zweite.css\" type=\"text/css\">");}
if (navigator.userAgent.indexOf("Netscape") > 0){ document.write("<link rel=\"stylesheet\" href=\"css/dritte.css\" type=\"text/css\">");} </script>