DIV-Layout - drei Spalten: [*] [768px] [*]

Hallo allerseits!

Eine einfache Aufgabe bereitet mir große Probleme...

Drei-Spalten-Layout... Die Breite der mittleren Spalte soll fix (768px) und die Breite der zwei anderen soll je nach Bildschirmauflösung variieren -- diese zwei Spalten sollen aber immer die gleiche Breite haben. Also: *, 768px, *.

Da ist mein Versuch:

<div id="main">
    <div id="left">1</div>
    <div id="center">2</div>
    <div id="right">3</div>
</div>

BODY
{
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    overflow-x: hidden;
    overflow-y: hidden;
    background-color:#FFFFFF;
}

#main
{
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    width:100%;
    height:100%;
    background-color:#FFFFFF;
    text-align:center;
}

#left
{
    width:auto;
    height:100%;
    background-color:#FF0000;
    float:left;
}

#center
{
    width:768px;
    height:100%;
    background-color:#00FF00;
    float:left;
}

#right
{
    width:auto;
    height:100%;
    background-color:#0000FF;
    float:left;
}

Danke.

Hallo,

da müsste was dabei sein (z.B. "fixed BOX zentriert")

http://intensivstation.ch/templates/

Roland

Roger08 schrieb

Hallo,

da müsste was dabei sein (z.B. "fixed BOX zentriert")

http://intensivstation.ch/templates/

Roland

Danke erstmal für den Link. Mein Layout ist aber leider nicht dabei... "fixed BOX zentriert" zentriert eine Spalte. Das Problem ist es aber, drei Spalten anzuzeigen, wobei die Breiten der seitigen dynamisch (nicht mal mi % bestimmt) sein müssen.

Warum müssen die Boxen den genau so aussehen? Ich denke es gibt keine triviale Lösung dafür, sondern du müsstest das faken, aber dann kommt es darauf an, was du damit machen willst...