✔ DIV-Box mit flexibler Größe (H & B)?

[blizz-faad]

Hallo Community
bin noch nicht so fit in CSS und möchte gerne eine Frage bezüglich "flexible Größe bei DIV-Boxen" loswerden. Danke schon mal für die Mühe. Habe auch mal das Projekt mit hochgeladen zur besseren Verständnis.

Im Grunde soll die Box sich seinem Inhalt anpassen in Länge und Breite. Die Länge des Titel-Bereiches und dem Inhalts-Bereiches soll sich an dem längeren Bereich orientieren.

Nur leider bekomme ich das einfach nicht hin.

index.php

<div class="wrapper">
<div class="box-01"></div>
<div class="box-02">» News</div>
<div class="box-03"></div>
<div class="box-04" style="clear:left;"></div>
<div class="box-05">Hier steht der Inhalt von den News</div>
<div class="box-06"></div>
<div class="box-07" style="clear:left;"></div>
<div class="box-08"></div>
<div class="box-09"></div>
</div>

css-Datei

div.wrapper { position: absolute; left: 100px; top: 200px; background: #D9D9D9; }
div.box-01 { float: left; width:20px; height:43px; background-image: url(../img/img_06.jpg); }
div.box-02 { float: left; padding:5px; height:33px; background-image: url(../img/img_07.jpg); }
div.box-03 { float: left; width:60px; height:43px; background-image: url(../img/img_09.jpg); }
div.box-04 { float: left; width:20px; height:100px; background-image: url(../img/img_19.jpg); }
div.box-05 { float: left; }
div.box-06 { float: right; width:20px; height:100px; background-image: url(../img/img_21.jpg); }
div.box-07 { float: left; width:20px; height:20px; background-image: url(../img/img_27.jpg); }
div.box-08 { float: left; width:20px; height:20px; background-image: url(../img/img_28.jpg); }
div.box-09 { float: right; width:20px; height:20px; background-image: url(../img/img_30.jpg); }

Danke!

 

[Maik]

Hi,

eine in dieser Form absolut positionierten DIV-Box besitzt keine flexible Größe im Textfluß.

mfg Maik

 

[Maik]

Mein Tipp zur technischen Umsetzung: 25 Rounded Corners Techniques with CSS

Der Artikel beschäftigt sich eigentlich mit abgerundeten CSS-Boxen, die vorgestellten Techniken sind aber genauso gut ins rechtwinklige Milieu übertragbar

mfg Maik