Browserweichen und Probleme beim Internetexplorer

Problemlösung beim Internetexplorer 7

Probleme mit "position: fixed;" in IE7

Die CSS Anweisung position: fixed; ist in IE 7 nur eingeschränkt anwendbar. Das darüber liegende „Div“ muss die Position absolute oder relative besitzen. Ansonsten wird der Container nicht angezeigt. Mit einem kleinen Trick im HTML kann man es lösen: Man erstellt einfach ein neues „Div“ und gibt ihn mittels Stylesheet die Anweisung style="position: relative".
HTML:

 <div style="position: relative"></div>

Für IE7 Stylesheet(CSS) anpassen.

Nicht immer muss man gleich eine Browserweiche einrichten, meistes reicht auch ein überschreiben der Anweisung. Mittels „*:first-child+html“ speziell für Internetexplorer kann man eine vorherige Anweisung überschreiben.
CSS:

.menu2 li{margin-bottom: 1px;}

*:first-child+html .menu2 li{
 margin-bottom: 2px;
}  /* IE 7 */

Browserweichen legt man im Head-Bereich fest

Die "@import url" wird im Stylebereich vom Internetexplorer ignoriert.

Beispiel:

Browserweiche für IE7 und IE8.

<style type="text/css" media="screen">

        @import url("styles/basis.css") all;

</style>
   	<!--[if IE 7 ]>
	    <style type="text/css">@import url(styles/ie7.css);</style>
	  <![endif]-->
	<!--[if IE 8 ]>
	    <style type="text/css">@import url(styles/ie.css);</style>
	  <![endif]-->

Probleme bei CSS-Anweisung innerhalb von dem Attribut Class.

Für den IE7 sind Anweisungen von den darüber liegenden Div-Containern relevant. Mit dem Attribut-Class kann man sie nicht aufheben.
Beispiel: <style type="text/css"> #spalte2{float:left;} .lupe{float:none;} </style> <div id="spalte2"> <div class="lupe"> </div> </div> Die CSS-Anweisung {float: none} wird nicht übernommen. Die Lösung ist:
Dem darüber liegenden Div-Container die Anweisung von dem Attribut class bekannt zu machen.
Beispiel: <style type="text/css"> #spalte2{float:left;} #spalte .lupe{float:none;} .lupe{float:none;} </style>

Mehr über das Thema Browserweichen

Browserweichen