verDIVt und zugenäht: Netscape-Chaos

[Struppi]

Allerdings möchte ich jetzt links und rechts jeweils ein Div haben.
Links nur mit blauen Hintergrund und z.b. Breite 10px und rechts mit blauem Hintergrund und dem hintergrundbild.
Mein Problem ist das Verständnis von float, clear, position, etc, um Breiche zu definieren, die ich variabel haben möchte und andere, die ich aus Design gründen fix brauche.
Mein Tabllendesign war nur ein Beispiel, wie ich das schnell mit einer tabelle gelöst hätte. Aber Tabellen als Layout sind out oder!?

nein, wenn du ein Tabellenlayout hast dann oist eine Tabelle das Mittel der Wahl. Schon deine Dokumentenstruktur zeigt, dass es die schwer fällt das in CSS umzusetzten.

Dabei ist es eigentlich ganz einfach

------------------------------------
|oben                     |rechts  |
|                         |        |
|-------------------------|        |
|                         |        |
|Inhalt                   |        |
|                         |        |
------------------------------------

Da der rechte Bereich nur für eine Grafik da ist, brauchst du diesen gar nicht zu definieren. Es reicht einfach, wenn du deinem Dokument einen rechtes margin gibst, das groß genug ist um die Grafik aufzunehmen.

Also in etwa (ungetestet)

body
{
margin-left:2em;
margin-right:4em; (oder wie gesagt die breite der Grafik)
background: blue url(projects.gif) no-repeat ??px ??px;
}

#oben
{
background-color:blue;
color:white;
}

#inhalt
{
background-color:grey
color:black

}

Struppi.