Problem mit CSS-Tabelle

[Martina]

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

[ichen]

Moin!

du scheinst nach so etwas zu suchen, es hat schon einaml jemand so etwas gemacht:

http://aktuell.de.selfhtml.org/tippstricks/css/runde_ecken/index.htm

etw3as abgewandelt, oder ein blick in den Quellcode könnte für dich sehr hilfreich sein.

tschüssi
ichen

[Martina]

Hallo ichen,

Danke für Deinen Tip, aber ich möchte meinen Code nicht umstellen, sofern möglich. Ich möchte "lediglich" den Fehler beseitigen, den ich habe, wenn ich die Tabelle auf 100% strecken will.

Gruss, Martina

[Ingo Turski]

Hi,

ist Dir eigentlich bewußt, daß funpic die Anzeige Deines Maikäfers in Deiner Signatur blockiert?

freundliche Grüße
Ingo

[MudGuard]

Hi,

ist Dir eigentlich bewußt, daß funpic die Anzeige Deines Maikäfers in Deiner Signatur blockiert?

Macht funpic doch gar nicht - weil da gar kein Maikäfer ist ...
Das Bild des _Marien_käfers wird bei mir angezeigt - kann aber sein, daß das bei mir im Cache liegt.

cu,
Andreas

[Ingo Turski]

Hi,

Das Bild des _Marien_käfers wird bei mir angezeigt - kann aber sein, daß das bei mir im Cache liegt.

stimmt - da hatte ich mal wieder die Arten durcheindergerschmissen. ;-) Nachdem ich mir das Bild manuell habe anzeigen lassen, bekomme ich diese doofe funpic-Grafik jetzt auch nicht mehr zu Gesicht - jedenfalls für'sd erste nicht.

freundliche Grüße
Ingo