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