(CSS) Firefox will nicht recht, IE zeigt jedoch richtig an

[Tobi]

Hi,
ich habe ein Problem mit css. Ich wollte ein Design um setzen jedoch wird das Design mit Firefox nicht richtig angezeigt, mit dem IE funktioniert es jedoch einwandfrei. Ich habe die Dateien auch durch den W3C-Validator geschickt, der mir die Rückmeldung gegeben hat, alles sei valid (XHMTL und CSS), das Problem bei Firefox jedoch bleibt bestehen. Kann mir da jemand helfen?

<div id = "big">
<div id = "menubox">
halo
</div>
</div>
<div id = "footer"></div>

#big {
background-image:url(images/bg.bmp);
width:850px;
}
#menubox {
float:left;
width:173px;
}
#menutop {
float:right;
background-image:url(images/menuheader.bmp);
width:156px;
height:20px;
}

#contentbox {
float:left;
width:677px;
}



#footer {
background-image:url(images/footer.bmp);
width:850px;
height:26px;
}

 

[strolch00]

Ja und wo genau soll der Fehler sein??? Was wird nicht richtig angezeigt?

*edit
Ich nehme an das Dein Problem der bg ist wenn dem so ist mach folgendes:

<div id = "big">
  <div id = "menubox">
    halo
  </div>
  <div id = "footer"></div>
</div>

dann im CSS Teil kannst Du eigentlich die width aus dem Footer rausnehmen aber auf jedenfall folgendes hinzuschreiben:

clear: both;

 

[freefly]

oder eine separate classe anlegen die man zwischendurch leicht in einem br-tag einsetzen kann und so ganz leicht auch fehlersuche gehen kann: natürlich auch hier: .nofloat {clear:both;} (<br class="nofloat" />)

 

[Tobi]

Hi,
ich habe das mal geändert und das clear:both eingefügt. Nun hab ich schon mal geschafft, dass die Sachen nicht über den Footer hinauslaufen, jedoch der Hintergrund von #big wird immer noch nicht übernommen. Damit ihr das Problem besser seht ich hab ich die Sache mal hochgeladen:
https://tobit.lima-city.de/index2.html

mfg
tobi

 

[tleilax]

Das liegt daran, dass Du beide Elemente innerhalb von #big floatest. Sobald #contentbox nicht mehr floatet, taucht der Hintergrund auf, aber das Design wird zerschossen.

Hilft vielleicht bei der Fehlersuche.