Thema: <!--[if IE 6]> funktioniert nicht

Hallöchen liebe Helfer und Leser,

ich bin derzeit dabei eine Seite anzupassen, allerdings ist bei diesem Auftrag auch relevant, dass es für den IE6 perfekt sitzt.

Im IE7 sieht auch so alles gut aus, doch im IE6 nicht.

Anscheinend liest der IE 6 meinen Befehl <!--[if IE 6]> nicht richtig aus.

Mit <!--[if IE]> funktioniert es allerdings einwandfrei... jedoch greifen dann die Änderungen auch im IE7 und das möchte ich ja nicht, denn somit sitzt das Design im 6er aber im 7er isses zerschossen.

Ich hab auch alle Versionen mit lte und gte usw. ausprobiert, doch diese funktionieren alle nicht.

Jemand ne Idee woran das liegen kann?
Ich bin wohl schon kurz vorm Fenstersprung -.-

Vielen Dank im Vorraus

Folgende Angabe grieft der IE6 auf meiner Webseite auf:

Code:

<!--[if IE 6]>
	<link rel="stylesheet" href="/templates/template_v3/css/ie6.css" type="text/css" />
<![endif]-->

Schonmal mit einem !important bei den Werten probiert?

Du brauchst noch einen zusätzlichen DIV, um die Seite so zu zentrieren, dass es auch der IE6 richtig versteht.

Füge in der index.php den neuen DIV so ein:

Code:

<div id="body">
	<div id="background">
	
	<div id="wrapper">	
	
    	<div id="head-right">
		...
		...
		
<div id="footer">

	</div>
</div>
</body>
</html>

Danach musst du noch folgende Anpassungen in den CSS vornehmen:

template.css (Zeile 25)

Code:

#body {
background:url("../images/bg-stretch.jpg") repeat-x scroll left top #EDEDED;
text-align: center;   /*neu */
}

template.css (Zeile 26)

Code:

#background {
background:url("../images/background.jpg") no-repeat scroll center top transparent;  /* ändern  */
margin:0 auto;
min-height:450px;
width:100%;  /* ändern */
}

template.css (Zeile 27)

Code:

#head-right {
float:right;
height:94px;
margin-right:25px;  /* ändern */
padding:20px 0 0;
width:300px;
}

template.css (Zeile 33)

Code:

#top {
background:none repeat scroll 0 0 #FFFFFF;
clear:both;
margin-top:36px;
padding-bottom:10px;
overflow:hidden;  /* neu  */
}

neu im template.css:

Code:

#wrapper {width: 597px; text-align:left;margin: 0 auto;}

ie.css:

Code:

#head-right	{margin-left: 300px;}  /*  ändern  */

Vielen Dank, aber das löst mein Problem nicht.

Ich könnte auch selber sehen, wie ich es in allen Browsern richtig hinbekomme.... aber mich nervt es einfach perverst warum nur der IF IE befehl funktioniert und keine Spezifikationen... das muss doch irgendeinen Grund haben!!!!

Bin für jede Idee dankbar... sonst muss ich wohl das CMS wechseln, wenn es einfach so unbegründete Fehler gibt!

/*edit*/

Okay, es funktioniert zwar immernoch nicht, aber nun habe ich alles so umgemodelt, das es auch im IE6 gut aussieht.
Auch mit Hilfe von Anka, also vielen Dank dafür.