geschachtelte DIVs

[daniel1234]

Hallo

ich versuche mich gerade ein Layout mit DIVs zu basteln und hab hier ein Problem: Ich hab 2 geschachtelte DIVs im inneren DIV ist ein Bild welches ich mit diesem DIV im äußeren positioniere.

Das äußere passt sich aber in der höhe nicht dem inneren an sodass das Bild rausläuft. Height:auto; steht bei den Styles für das äußere DIV drin und overflow:visible;.

Was muss ich da noch beachten?

[berdn]

Hallo

Beispiel?

Bernd

[daniel1234]

#fenster {
 height:auto;
 width:auto;
 float:left;
 position:relative;
 padding:5px;
}

#img{
 font-family: Arial, Helvetica, sans-serif;
 font-size: 0.8em;
 text-align:center;
 margin-right:10px;
 height:auto;
 width:auto;
 float:left;
 padding:10px;
}

#text{
 background-color:#FFFFFF;
 padding:10px;
}

<div id="fenster">
<div id="image">
<img src="test.jpg" width="120" height="145">
<div>
<div id="text">
Blabla Blabla
</div>
</div>

So siehts im groben und ganzen aus! Naja und die Ebene id fenster ist nur so hoch das der Text platz findet aber das Bild ragt drüber naus.

[berdn]

Hallo

wie soll denn "fenster" die höhe des Bildes wissen solange Du floatest?

Hatte es einen Grund warum Du das Image und den Text noch in Div's verpackts?

Viele Grüße

Bernd

[daniel1234]

Naja das ichs wie gesagt versuche weis ich nicht wie ichs anderes machen soll denn das Bild soll links stehen und der text rechts daneben und nicht unten drunter. Denn wenn ichs DIV oder float weglasse ist das der Fall.

[berdn]

Dann lese Dir Doch mal das zur inspiration durch:
http://aktuell.de.selfhtml.org/weblog/css-spaltenlayout

Viele Grüße

Bernd