"center" funktioniert nicht + Bild streckt sich nicht.

Beginner

Tuesday, October 18th 2011, 3:37pm

"center" funktioniert nicht + Bild streckt sich nicht.

<div align="center">
<div align="left" style="width: 1081x;">

<div align="left" style="float: left; width: 251px;">
<div style="width: 251px; height: 27px; background-image: url(images/linksoben.png);"></div>
<div style="width: 251px; height: 30px; background-image: url(images/linksmitte.png);"></div>
<div style="width: 251px; height: 27px; background-image: url(images/linksunten.png);"></div>
</div>

<div align="left" style="float: left; width: 830px;">
<div style="width: 830px; height: 31px; background-image: url(images/mitteoben.png);"></div>
<div style="width: 830px; height: 31px; background-image: url(images/mittemitte.png);"></div>
<div style="width: 830px; height: 15px; background-image: url(images/mitteunten.png);"></div>
</div>
</div>
</div>

Ich frage mich, wo der Fehler in dieser Konstruktion steckt..
Ich würde gerne die zwei Boxen zentriert auf der Webseite haben, doch es funktioniert
leider nicht.

Meine zweite Frage wäre, wieso sich "mittemitte" nicht nach unten ausstreckt, wenn ich in "><br>asdf<br><" ( oder irgendetwas anderes) eingebe?

Nippel

Intermediate

Posts: 101

Tuesday, October 18th 2011, 5:56pm

HTML Code

<div style="width: 1081px; margin:auto;">
 
<div style="float: left; width: 251px;">
<div style="width: 251px; height: 27px; background-image: url(images/linksoben.png);">1</div>
<div style="width: 251px; height: 30px; background-image: url(images/linksmitte.png);">2</div>
<div style="width: 251px; height: 27px; background-image: url(images/linksunten.png);">3</div>
</div>
 
<div style="float: left; width: 830px;">
<div style="width: 830px; height: 31px; background-image: url(images/mitteoben.png);">1</div>
<div style="width: 830px; height: 31px; background-image: url(images/mittemitte.png);">2</div>
<div style="width: 830px; height: 15px; background-image: url(images/mitteunten.png);">3</div>
</div>
 
</div>

margin:auto; ist das Stichwort.

Zudem align left/center/blubb kannst du raushauen.
Braucht man nicht!

Zum letzten Problem ..
Nun ja wenn du was eingibst und es sich vergrößern sollte, dann darfst du keine feste höhe haben