XHTMLforum - 3 Spalten, Breite des Inhalts dynamisch

Hallo Community,

ich habe ein Problem mit meinem 3-Spalten-Layout und selbst nach mehrtägiger Suche im WWW habe ich mich dazu entschlossen, Euch ein wenig zu nerven :)

Ich habe ein 3-Spalten-Layout konstruiert, dass sich nicht an den Browser anschmiegt, sondern 800px breit ist. Die Breite der "Inhaltsbox" (Rot) soll dynamisch sein, sich also automatisch rechts und links anschmiegen. Hier eine Skizze:

http://people.freenet.de/pc-erfahrung/style.gif

Damit die Webseite nicht breiter als 800px wird, habe ich ein Eltern-Div-Element mit width: 800px eingefügt. Ich bekomme es aber einfach nicht hin, dass die breite des Inhalts dynamisch ist, sich also an das Linke und Rechte Div-Element anpasst. Width: 100% bringt nix, da die 800px des Eltern-Elements ziehen.

Das ganze sieht dann ca. so aus:

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">



<div style="width:800px;margin:auto; margin-top: 0px;height: 100%; ">



  <div class="style_top1"></div>



  <div class="style_links"></div>

  <div class="style_mitte"></div>

  <div class="style_rechts"></div>

        

  <div class="style_unten"></div>

</div>

Hier das dazu passende Stylesheet:

Code:

html {

        height: 100%;

}



body {

   padding: 0;

   margin: 0;

   height: 100%;

HTML>body {

   padding: 0;

   }

div.style_top1 {

  position: relative;

  background-image: url(bilder/bg.png);

  height: 130px;

  width: 100%;



}



div.style_links {

        float: left;

        padding-left: 2px;

        width: 140px;

}



div.style_mitte {

  float: left;

padding: 0;

width: 515px;

//margin: 0 0 10px 0px;

}



div.style_rechts {

        float: right;

        width: 140px;

        padding-right: 3px;

}



div.style_unten {

float: left;

width:796px;

border-right: 2px solid #5e912b;

border-bottom: 2px solid #5e912b;

border-left: 2px solid #5e912b;

background: #5e912b;

text-align: center;

padding: 0;

}

Jetzt habe ich es gelöst, indem ich die Breite auf 515px gesetzt habe. Der FF und IE interpretieren aber das CSS unterschiedlich, so dass ich gezwungen bin, die Breite des Inhalts dynamisch zu machen. WIe kriege ich das hin?

Vielen, Vielen Dank im Voraus!

Gruß aus Hessen!!!