Menü immer so lang wie Content

[Jeena Paradies]

Hallo,

border-left: 10px white solid;
woher weiß ich dann, wozu 10px white und solid gehören?
(Muss ja mal ganz dumm fragen)

Klar ;-)

Du meinst:
-----------------------------
  #mainout {
   border-left: 10px solid white;
   [...]
-----------------------------
Das #mainout ist das div mit der id="mainout" (Frag mich nicht warum ich das so genannt habe) also:   <div id="mainout">

Um es noch mal verständlicher zu machen hier die semantische Darstellung
-+***********+-----------------------------------------

• weis

• orange
  * gelb

Und das Alles ohne Hintergrundgrafiken. Und das habe ich mir semantisch so vorgestellt:

+--------------------------------------------------------+
|   +--------------------------------------------------+ |
|   | 2 +---+   +------------------------------------+ | |
| 1 |   | 3 |   |                 4                  | | |
|   |   +---+   |                                    | | |
|   |           +------------------------------------+ | |
|   +--------------------------------------------------+ |
+--------------------------------------------------------+

Der erste Weiße Rand wird bei (1 #mainout) mit border-left: 10px white solid; gemacht ansonsten hat (1) nichts mehr zu tun.

Der orangene Rand wird dann bei (2 #main) mit border-left: 2px orange solid; gemacht Der Hintergrund ist gelb damit das Menü(3 #menue)immer optisch so lang ist wie der Inhalt(4).

Der zweite orangene Rand wird mittels border-left: 2px orange solid; bei (4 #context) gemacht. Dieser Hintergrund ist weiß, somit entsteht normalerweise ja diese Farbkombination:

-+***********+-----------------------------------------

Grüße
Jeena Paradies