Martina: Problem mit CSS-Tabelle

Beitrag lesen

Hallo, werte Forums-Mitglieder,

Seit einiger Zeit plage ich mich mit folgendem Problem herum:

Ich habe über CSS eine Tabelle definiert. Klappt soweit auch schon super, nur wird mir das Layout in der Breite verschoben, wenn ich die Tabelle auf 100% ausdehnen will, so dass die Tabelle immer die gesamte Anzeigebreite einnimmt, die zur Verfügung steht.

Der entsprechende HTML-Code sieht so aus:

<div class="Seitenbreite">
     <div class="Eck_Links_Oben"></div>
     <div class="Rahmen_Oben"></div>
     <div class="Eck_Rechts_Oben"></div>
   </div>
   <div class="Umbruch"></div>
   <div class="Seitenbreite">
     <div class="Rahmen_Links"></div>
     <div class="Fuellung"></div>
     <div class="Rahmen_Rechts"></div>
   </div>
   <div class="Umbruch"></div>
   <div class="Seitenbreite">
     <div class="Eck_Links_Unten"></div>
     <div class="Rahmen_Unten"></div>
     <div class="Eck_Rechts_Unten"></div>
   </div>

Die CSS-Definitionen, auf die 1. "Zeile" der Tabelle beschränkt, so:

div.Seitenbreite
   {
     width: 100%;
   }

div.Umbruch
   {
     clear: both;
   }

div.Eck_Links_Oben
   {
     width:             23px;
     height:            23px;
     float:             left;
     background-image:  url(../../Grafiken/Layout/Tabelle_Eck_Links_Oben.png);
     background-repeat: no-repeat;
   }

div.Rahmen_Oben
   {
     width:             80%;
     height:            23px;
     float:             left;
     background-image:  url(../../Grafiken/Layout/Tabelle_Rahmen_Oben.png);
     background-repeat: repeat-x;
   }

div.Eck_Rechts_Oben
   {
     width:             23px;
     height:            23px;
     float:             right;
     background-image:  url(../../Grafiken/Layout/Tabelle_Eck_Rechts_Oben.png);
     background-repeat: no-repeat;
   }

Was muss ich ändern bzw. beachten, damit sich die Tabelle, wie oben beschrieben, auch wirklich über die gesamte Breite erstreckt ?

Wie geschrieben, sieht die Tabelle bei allen Werten < 90% super aus, nur eben nicht mehr bei 100%.

Hier erstreckt sich der Rahmen dann über die gesamte Breite, die Ecken werden in die nächste "Zeile" verschoben.

Vielen, vielen, vielen Dank für Eure Hilfe.

Grüssle, Martina