nicht angemeldet
Hintergrund kommt nicht mit...
Hallo,
folgendes Beispiel:
<body>
<div id="wrap">
<div id="header"><img src="images/logo.png"></div>
<div id="content-wrap">
<div id="sidebar">
<ul>
<li><a href="#">Startseite</a></li>
</ul>
</div>
<div id="content">
Irgendein Text...
</div>
</div>
</div>
</body>
#############################################
Dazu folgender CSS-Code:
#wrap {
width: 960px;
margin: 0 auto;
}
#content-wrap {
background-image: url(images/content_background.png);
background-repeat: repeat-y;
clear: both;
width: 940px;
margin: 0;
padding: 0 10px;
}
#header {
margin: 5px 0;
}
#content {
float: right;
width: 719px;
margin: 0;
display: inline;
}
#sidebar {
float: left;
width: 220px;
border-right: 1px dotted #CCCCCC;
font-size: 13px;
height: 100%;
}
#############################################
Mein Problem ist dabei jetzt folgendes:
Der Hintergrund vom content-wrap sollte sich eigentlich sowie mitziehen, wie content und sidebar gehen, er macht das aber einfach nicht.
Es wird nur einmal die Hintergrundgrafik eingefügt. Fertig.
Falls ich das ganze mal hochladen sollte, bitte melden!
-
Der Hintergrund vom content-wrap sollte sich eigentlich sowie mitziehen, wie content und sidebar gehen, er macht das aber einfach nicht.
Es wird nur einmal die Hintergrundgrafik eingefügt. Fertig.Dein content-wrap hat ein gefloatetes content Element.
Wenn du willst, dass der Wrapper erst nach dem content Element abschliesst, muss etwas den float clearen.z.B.
#content-wrap:after { clear:both; display:block; content:' '; height:0; }mfg Beat
--
><o(((°> ><o(((°>
<°)))o>< ><o(((°>o
Der Valigator leibt diese Fische-
#content-wrap:after { clear:both; display:block; content:' '; height:0; }
Vielen vielen Dank!
-