Hi zusammen hab mal eine Verständnissfrage zu div classes.

Ok mein Problem ist folgendes.Ich habe einen content der von mir aus 60% der Seite ausmacht.Dieser Solle einen weißen Hintergrund haben. In diesem Content möchte ich einfach bilder platzieren deshalb habe ich eine weitere div class:bildlinks,bildrechts erstellt. Jetzt kann ich auch wunderbar die bilder da reinfügen, aber das problem ist, dass der Content quasi nicht "mitwandert" im Hintergrund, sondern nur darüber als ganz kleiner Balken dargestellt wird.
Hab mal den code zur besseren verständnis noch hinzugefüt:

<div class="content">
<div class="links">
<p><img src="./pics/..."></p>
</div>
<div class="rechts">
<p><img src="./pics/..."></p>
</div>
</div>

Css:
.content{
width:60%;
background-color:#FFFFFF;
border:#FF0000 1px solid;
margin-left:20%;
margin-right:20%;
margin-top:5%;
}
.links{
float:left;
width:45%;
}
.rechts{
float:right;
width:45%;
}

Ich hab so das Gefühl, dass es nur eine winzige Kleinigkeit ist, die ich einfach nur falsch verstehe.Bin mir aber sicher, dass ihr mir da weiterhelfen könnt

thx

Hi,

die Floatumgebung muss zum Abschluss noch "gecleart" werden - siehe http://positioniseverything.net/easyclearing.html

Code :

1 2 3 4 5 6 7 8 9 10 11 12 13 14

.clearfix:after {     content: ".";     display: block;     height: 0;     clear: both;     visibility: hidden; }   .clearfix {display: inline-block;}   /* Hides from IE-mac \*/ * html .clearfix {height: 1%;} .clearfix {display: block;} /* End hide from IE-mac */

Die Klasse clearfix wird dann zusätzlich im DIV content aufgerufen:

Code :

1	<div class="content [b]clearfix[/b]"> ... </div>