Problem mit divs

Sorro · #1 (**permalink**) 23.11.2008, 01:23

Hallo Leute,

bin totaler Neuling in Sachen CSS und habe gerade dieses Forum entdeckt ... zum Glück! Denn ich bin am Verzweifeln. Ich habe wohl irgendwo einen Denkfehler oder was übersehen.

So sieht der body meiner HTML-Seite aus:

Code:

<body>

<div id="inhalt">

	<div id="header">
		<img src="../bilder/header.jpg" alt="Header" width="900" height="225" />        
        </div>	<!-- Ende header -->

	<div id="main">
		<!-- TemplateBeginEditable name="edit_main" -->
		<!-- TemplateEndEditable -->
        </div>  <!-- Ende main -->

        <div id="menu1">
    	        <p>dfgdsfdsfg</p>
       </div>  <!-- Ende menu1 -->

</div>  <!-- Ende inhalt -->

</body>

Und der Code der CSS-Datei ist:

Code:

@charset "utf-8";

body {
	background-color: #0033FF;
	font-family: Georgia, Century, Verdana;
	font-size: 12pt;
}


#inhalt {
	position:relative;
	width: 900px;
	margin-left:auto;
	margin-right:auto;
	border: 5px solid #FFFFFF;
}

#header {
}

#main {
	width: 640px;
	padding:7px;
	background-color: #6699FF;
	float:left;
}

#menu1 {
	width:200px;
	background-color: #6699FF;
	float:left;
}

Meines Erachtens müsste der Rahmen um das div mit der id=inhalt gehen, also ganz oben und ganz unten. Aber der Rahmen endet direkt nach der Header-Grafik. Das ist für mich nicht logisch.

Kann mir jemand sagen, wo mein Denkfehler ist, damit der Rahmen ganz drum herum geht?

Danke im Voraus und viele Grüße,
Sorro

heiko_rs · #2 (**permalink**) 23.11.2008, 01:30

faq

Sorro · #3 (**permalink**) 23.11.2008, 22:37

Hallo Heiko,

so ganz wurde ich aus den FAQ nicht schlau. Aber so wie ich es verstanden habe, hat es auf jeden Fall geklappt. Ich habe unter das "left-gefloatet" div ein weiteres gesetzt mit clear:both. Jetzt klappt es.

War das die richtige Lösung oder ein Umweg, der auch eleganter möglich gewesen wäre?

Viele Grüße und danke erst mal für Deine schnelle Antwort!

Sorro

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Problem mit DIVs	PeeGee	(X)HTML	10	29.09.2010 21:07
Problem bei Div's - zwei mal das gleiche und doch nicht ...	Niriel	CSS	10	09.06.2005 17:39
problem mit divs	Mr.Right	CSS	0	09.06.2005 17:31
div's und float problem ?	saphear	CSS	1	17.02.2005 09:31
divs floaten problem..	Holger (HMR)	CSS	2	04.02.2005 17:33