Probs mit verschachtelten Div-Containern

Hansa

Moin.

Ich habe ein kleineres Problem mit verschachtelten oder nachfolgenden Div-Containern im FF und im NS.

Wenn ich Div-Container unterhalb des Inhalts der Seite erstelle, ignorieren FF und NS die Höhe des vorigen Div-Containers.

Also beispielsweise

Code

<div>Bild1</div>
<div>
   <div>Navigation</div>
   <div>Text</div>
</div>
<div>Bild2</div>

Dabei ignorieren FF und NS die Höhe des zweiten Divs und knallt Bild 2 direkt unter Bild 1.

Auch wenn ich diese Verschachtelung weglasse, die Divs der Navigation und des Textes begrenze und floats definiere, schieben FF und NS Bild 2 direkt an Bild 1.

Gibt es irgendeine Möglichkeit, das zu umgehen und vor allen Dingen: Hatte vor mir noch niemand dieses Problem?[/code]

bugcatcher

Unzureichente Angaben. Bitte inklusive CSS abliefern. Wenn möglich irgendwo als Demo aufspielen. Danke.

Hansa

Der konkrete Fall ergab sich hier:

http://www.two-tune.de/05/background/dummy.php

Die CSS dazu:

Code

body {
	background-color: #D9D9D9;
	margin: 0px;
}


div {
	color: #000000;
	font-family: verdana;
	font-size: 10px;
	padding-bottom: 0px;
	text-align: left;
}


.header {
	width: 1000px;
	height: 197px;
}


.footer {
	background-image: url(../images/footer.jpg);
	background-repeat: no-repeat;
	width: 1000px;
	height: 31px;
}


.left_box_qg {
	background-image: url(../images/box_left_qg.jpg);
	background-repeat: no-repeat;
	width:169px;
	height:174px;
	padding-top: 50px;
	padding-left: 14px;
	padding-right: 17px;
	padding-bottom: 21px;
	text-align: center;
}


.left_box_p {
	vertical-align: middle;
	background-image: url(../images/box_left_p.jpg);
	background-repeat: no-repeat;
	width:169px;
	height:176px;
	padding-top: 50px;
	padding-left: 14px;
	padding-right: 17px;
	padding-bottom: 21px;
}


.content {
	background-image: url(../images/bg.jpg);
	background-repeat: repeat-y;
	width: 1000px;
	padding-left: 18px;
	padding-right: 18px;
}


.leftframe {
	width: 169px;
	float: left;
}


.rightframe {
	width: 795px;
	float: right;
}


.impressum {
	width: 1000px;
	text-align: center;
}

Alles anzeigen

Des weiteren habe ich noch eine weitere Seite gefunden, die das gleiche Problem hat:

http://www.westfaelisches-berufskolleg-soest.de
Die Startseite hat einen HTML-Fehler, aber die nachfolgenden Seiten sind, soweit ich das sehen kann, sauber geschrieben.