Hallo,

ich hatte seither das Grundgerüst meiner Seite in einer Tabelle stecken. Jetzt hab ich es in ein DIV gesteckt und stelle fest, daß der Rahmen bei der DIV Version im Vergleich zur Tabellenversion etwas zusammenschnurrt. Nicht viel, aber dennoch.

Kann man diesen Effekt erklären? Eigentlich sollte doch wenn ich 35em als Breite angebe das sowohl in der Tabellen als auch in der DIV Version gleich sein oder?


Code des DIV:

.Container {
width:35em;
margin:auto;
text-align:center;
vertical-align:top;
background-color:#FFFFFF;
border:5px solid #C0C0C0;
}



Code der Tabellen Version:

table {
border:5px solid #C0C0C0;
}
td {
width:35em;
}
table,td {
background-color:#FFFFFF;
text-align:center;
vertical-align:top;
margin:auto;
}

Bei der Tabelle wird der Abstand zwischen Tabellenrahmen und Zellenrahmen noch hinzugerechnet, sie ist also immer breiter als 35em.
»vertical-align« kann auf Blockelemente übrigens nicht angewandt werden; das kannst du streichen. Und vergiß die Textfarbe nicht, wenn du einen Hintergrund änderst, damit jemand mit…
…im Browserstylesheet auch noch etwas sieht.

Gruß
Thomas

__________________
toscho.de

Hallo,

mhm... ich finde diesbzgl. nichts bei Selfhtml. Aber vertical-align ist ja sowieso die Standardeinstellung. Kannst Du mir bitte eine Quelle nennen wo steht dass vertical-align nicht auf Blockelemente angewandt werden kann? Danke.

Ich habe diese Angaben im body stehen:

Dann muss ich sie doch nicht mehr extra im Container-DIV definieren, welches das Grundgerüst der Seite darstellt. Right?

Zu »vertical-align«:
http://www.w3.org/TR/CSS21/visudet.h...vertical-align

Deine Textfarben-Angaben für »body« würden durch meine oben genannte Regel für »div« überschrieben, aber deine Hintergrundangabe würde gewinnen. Deshalb mußt du Text- und Hintergrundangaben immer kombinieren.

Gruß
Thomas

__________________
toscho.de

Danke für den Link!