HTML/CSS Probleme mit float

C

Crazy_EB

Well-known member
21 April 2006
304
27
Hallo!

Ich habe Probleme mit zwei Div-Boxen.

Ich will, dass der Header und der Footer die komplette Breite des Browsers ausnutzen.
Zwischen den beiden sollen nebeneinander zwei Boxen sein, links das Menü, rechts der Content.

Ich habe versucht, dies mit float: left zu lösen. Klappt im FF 5 ganz gut, wenn man sich jedoch die anderen Browser ansieht, ist bei allen Browsern die Contentbox unter der Menübox.

Wo hab ich in meiner Divsuppe denn den Fehler? :ugly:

Links
HTML-Code
CSS-Code
Browser-Screenshots
 
Versuch mal das als Deklaration:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "https://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="https://www.w3.org/1999/xhtml">

Bei falscher Deklaration springt vorallem der IE gerne in den Quirks-Modus.

Lg
 
Wenn das Browserfenster zu wenig breit ist, wird beim float das passieren, was du in den Bildern siehst.

Setze width (oder min-width) von #main. Dann sollte das problem nicht mehr exisiteren, da du dann genügend "Platz" hast.

PS: Die Bilder kannst du gut durch CSS ersetzen (background-color, border, border-radius,...)
 
Zuletzt bearbeitet:
Moloc schrieb:
Wenn das Browserfenster zu wenig breit ist, wird beim float das passieren, was du in den Bildern siehst.

Setze width (oder min-width) von #main. Dann sollte das problem nicht mehr exisiteren, da du dann genügend "Platz" hast.

PS: Die Bilder kannst du gut durch CSS ersetzen (background-color, border, border-radius,...)
Zum Vergrößern anklicken....

Vielen Dank.
Es lag tatsächlich an der Breite. Ich hab den Contentbereich entsprechend verschmälert und die Boxen werden nun richtig nebeneinander dargestellt.
 
Du musst dich einloggen oder registrieren, um hier zu antworten.

Ähnliche Themen

P
Probleme mit Mini PC RAM Auslastung
2
Antworten
30
Aufrufe
9K
uli125
uli125
LukasT
Hochzeit- Probleme und Lösungen
Antworten
8
Aufrufe
6K
faro
F
Zurück
Oben