jan k.: variable BOX mit abgerundeten Ecken

Hallo zusammen,

Ich möchte gerne einen Inhalts-Container haben der sich über den gesamten mittigen Bereich erstreckt, aber abzüglich der 200px des Menü-Containers daneben.

Ich habe schon alels mögliche an CSS probiert, über relative/absolute positionen, floaten, negative margins, es geht einfach nicht!

Ich bin schon wieder soweit einfach eine Tabelle dafür zu mißbrauchen, was mich aber sehr anstinkt weil ich eigentlich ein saubers CSS Layout bauen wollte!

+------------+------------------------------+------------+
|            |  mitte 75%                   |            |
|linker      |                              |rechter     |
|Bereich     |+-------------------+         |Bereich     |
|12.5%       ||Banner 75%         |         |12.5%       |
|            |+-------------------+         |            |
|            |+-----+----------------------+|            |
|            ||menü |                      ||            |
|            ||200px|                      ||            |
|            ||     |    Inhalt soll       ||            |
|            |+-----+   100%-200px sein    ||            |
|            |      |                      ||            |
|            |      |                      ||            |
|            |      |                      ||            |
|            |      +----------------------+|            |
+------------+------------------------------+------------+

Für konsturktive Vorschläge wäre ich sehr dankbar!

Gruß,
Jan

  1. Ich möchte gerne einen Inhalts-Container haben der sich über den gesamten mittigen Bereich erstreckt, aber abzüglich der 200px des Menü-Containers daneben.

    Normaler Fluss, overflow:hidden, fertig.

    mfg Beat

    --
    ><o(((°>           ><o(((°>
       <°)))o><                     ><o(((°>o
    Der Valigator leibt diese Fische
  2. Ich möchte gerne einen Inhalts-Container haben der sich über den gesamten mittigen Bereich erstreckt, aber abzüglich der 200px des Menü-Containers daneben.

    width: 75%;
    margin: 0 auto;

    Ich verstehe das Problem nicht.

    Dafür brauchst du übrigens keienn "container" sondern einfach nur das body-Element.