Background erscheind nicht im IE6 sowie 7

[Gunah]

moin...

ich habe 2 Boxen neben einander gefloatet, nur leider wird der Background nicht weitervererbt im FF Funktioniert es einwandfrei, laut w3.org ist alles richtig...

hier mal der Quellcode (es soll in der class menu, die hintergrundfarbe des #container genommen werden., bzw. des nächsten darunterliegenden)

<style type="text/css">
<!--
body {
padding:0px;
margin:0px;
background-repeat:repeat-x;
background-position:top left;
background-image:url('images/bg_body.jpg');
background-color:#817368;
}
#container {
background-repeat:no-repeat;
background-position:top left;
background-image:url('images/bg2_body_div.jpg');
padding-left:61px;
padding-top:16px;
width:930px;
}
.container {
background-color:#FFFFFF;
}
.head {
height:156px;
background-image:url('images/logo.jpg');
}
.menu {
float:left;
width:371px;
background-color:#666666;
padding-top:36px;
}
.main {
width:559px;
float:left;
height:500px;
}
-->
</style>



<div id="container">
<div class="container">
<!--Head-->
<div class="head"></div>
<!-- Container#2 -->
<div style="background-color:#CCCCCC">
<div class="menu"><img src="images/menu/bildergalerie.gif" alt="&Uuml;berschrift: Bildergalerie" /></div>
<div class="main">inhalt</div>
</div>
<!-- Container#2 End -->
<div style="clear:both"></div>
</div>
</div>

 

[Maik]

Hi,

heb mal die Floatumgebung auf:

.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

<div style="background-color:#CCCCCC" class="clearfix">
     ...
</div>

Siehe auch http://positioniseverything.net/easyclearing.html

es soll in der class menu, die hintergrundfarbe des #container genommen werden.

Du meinst wohl eher, dass die Klasse .main die Hintergrundfarbe der Klasse .container erben soll, denn für .menu hast du ja eine Hintergrundfarbe, und für #container ein Hintergrundbild definiert, das nicht wiederholt werden soll.

 

[Gunah]

Du meinst wohl eher, dass die Klasse .main die Hintergrundfarbe der Klasse .container erben soll, denn für .menu hast du ja eine Hintergrundfarbe, und für #container ein Hintergrundbild definiert, das nicht wiederholt werden soll.

ah hast recht

und danke das danke für deine Antwort

<nerv>warum muss man für den IE immer so viele "Hacks einbauen"...? -.- </nerv>