wahsaga: DIV-Container auto-breite bzw auto-höhe, aber wie?

Beitrag lesen

hi,

<div>     <div>                    <div>
|-------| |----------------------| |-----------|
| Box1  | |    box5              | | box8      |
|-------| |----------------------| |-----------|
</div>    </div>                   </div>

<div>     <div>
|-------| |----------------------|
| Box2  | |    box6              |
|-------| |----------------------|
</div>    </div>

<div>     <div>
|-------| |----------------------|
| Box3  | |                      |
|       | | box7                 |
|-------| |                      |
</div>    |                      |
          |                      |
<div>     |                      |
|-------| |                      |
| box4  | |                      |
|-------| |----------------------|
</div|    </div>

Der Anblick eines solch vergleichsweise komplexen Layoutwunsches lässt mich eigentlich erwarten, dass da jemand eine Grundahnung vom Layouten mit CSS haben sollte - aber wenn ich dann sehe, dass das alles nur über absolute Positionierung erzielt werden soll, bekomme ich da wieder Zweifel.

Probs bzw. weiter kommte ich nicht mit den Boxen 4 und 8. Box 4 enthält eine Grafik die entsprechend der BrowserHÖHE nach unten gekachelt werden soll.

In guten Browsern könntest du die Höhe dieser Box bestimmen, in dem du jeweils für top und bottom eine Angabe machst.
Im IE nicht, da dürfte es sich vermutlich nur durch ein Hintergrundbild für body (o.ä.) realisieren lassen.

Box8 macht mir den gleichen Ärger. Nur soll hier im Browserfenster eine Grafik nach rechts gekachelt werden.

Gleiches wie oben, left und right angeben.

Wenn du das Layout mittels floatender Bereiche erstellt hättest, könntest du hier auch einfach die Box 8 gar nicht floaten lassen, so dass sie in der Breite den restlichen Platz einnähme.

Kann mir jemand weiterhelfen???

Zuerst solltest du mal von der absoluten Positionierung wegkommen - damit wird dir nämlich dein komplettes Layout um die Ohren fliegen, wenn der Viewport nicht so groß sein sollte, wie du ihn gerne hättest.

http://aktuell.de.selfhtml.org/weblog/css-spaltenlayout und
http://de.selfhtml.org/css/layouts/mehrspaltige.htm
wären da meine ersten Lesetipps.

gruß,
wahsaga

--
/voodoo.css:
#GeorgeWBush { position:absolute; bottom:-6ft; }