Benni: Richtige Ausrichtung von 3 Divs...

Folgendes: Ich würde gerne 3 Divs passend ausrichten. Der Quelltext ist recht einfach:

------------------------------------------
<body>
  <div class="div1">1</div>
  <div class="div3">3</div>
  <div class="div2">2</div>
</body>
------------------------------------------

Div 2 soll in der Mitte stehen und 800 Pixel breit sein:
------------------------------------------
.div2
{
  width:800px;
  margin:0px auto 0px auto;
}
------------------------------------------

Div 1 & 3 sollen nun genau den Raum ausfüllen zwischen Div 2 und den Rändern der Seite, egal wie breit das Browserfenster ist! Bisher habe ich die drei nur nebeneinander bekommen:
------------------------------------------
.div1
{
  float:left;
}

.div3
{
  float:right;
}
------------------------------------------

Wie bekomme ich nun also bei den beiden Divs die passende Breite zustande das die Breite von Div 1, 2 & 3 zusammen 100% ergeben obwohl Div2 IMMER 800px breit ist.

Vielen Dank im Vorraus,
MfG,
Benni

  1. Folgendes: Ich würde gerne 3 Divs passend ausrichten. Der Quelltext ist recht einfach:


    <body>
      <div class="div1">1</div>
      <div class="div3">3</div>
      <div class="div2">2</div>
    </body>

    Div 2 soll in der Mitte stehen und 800 Pixel breit sein:

    .div2
    {
      width:800px;
      margin:0px auto 0px auto;
    }

    Div 1 & 3 sollen nun genau den Raum ausfüllen zwischen Div 2 und den Rändern der Seite, egal wie breit das Browserfenster ist! Bisher habe ich die drei nur nebeneinander bekommen:

    .div1
    {
      float:left;
    }

    .div3
    {
      float:right;
    }

    Wie bekomme ich nun also bei den beiden Divs die passende Breite zustande das die Breite von Div 1, 2 & 3 zusammen 100% ergeben obwohl Div2 IMMER 800px breit ist.

    Vielen Dank im Vorraus,
    MfG,
    Benni

    Hat sich gerade erledigt - sorry - danke!

    MfG,
    Benni