XHTMLforum

XHTMLforum (http://xhtmlforum.de/index.php)
-   CSS (http://xhtmlforum.de/forumdisplay.php?f=73)
-   -   CSS Tabelle mit Rahmen (http://xhtmlforum.de/showthread.php?t=61507)

noxz 21.06.2010 10:39

CSS Tabelle mit Rahmen
 
Hallo,

ich hab da ein kleines Problem mit einer Tabelle und dessen Rahmen. Und zwar wird im IE ( 6-8 ) der Rahmen meiner Tabelle nur Rechts und Unten angezeigt. Eigentlich sollte der Rahmen aber in der ganzen Tabelle angezeigt werden. Dazu habe ich ein Bild angehangen (Firefox-Ansicht ist die gewünschte Darstellung der Tabelle).
Die Tabelle habe ich mit "border-collapse:collapse;" und "border=1" erstellt. Die Zellen ansich haben keine Bordereinstellungen.

Code:

table  {
border-collapse:collapse;
border-spacing:0;
margin-bottom:10px;
}

<table cellspacing="0" cellpadding="0" border="1">

<tbody><tr>
<td valign="top">
<p>Erste Zelle</p>
</td>
<td valign="top">
<p>bla</p>
</td>
</tr>
<tr>
<td valign="top">
<p>bla</p>
</td>
<td valign="top">
<p>Letzte Zelle</p>
</td>
</tr>

</tbody></table>

http://s1.directupload.net/images/100621/ya67rkae.jpg

gato 21.06.2010 11:46

Vermische nicht CSS mit HTML-Attributen zur Formatierung.

Lösche cellspacing, cellpadding und border und gibt stattdessen den td- und th-Elementen einen Rahmer per CSS border-Eigenschaft.

heiko_rs 21.06.2010 11:57

Ersetze erstmal die Attribute durch CSS-Deklarationen.

noxz 21.06.2010 12:15

Habe ich gemacht.
Was mir jetzt aber noch aufgefallen ist, ist das die border-color im IE auf #ffffff gesetzt war. Habe jetzt eine anderen Farbwert genommen und siehe da, der Rahmen wird dargestellt. Jedoch nur Außen herum. Das Gitter in der Tabelle bleibt im IE immer noch verschwunden. Ich habe die Hintergrundfarbe der Tabelle testweise auf Rot gesetzt und dann wurde das Gitte auch angezeigt. Jedoch weiß. Muss ich für das Gitter auch noch einen Farbwert setzen? Wenn ja, welche CSS-Deklarationen brauche ich da?

heiko_rs 21.06.2010 12:17

Die td bekommen border.


Alle Zeitangaben in WEZ +2. Es ist jetzt 08:54 Uhr.

Powered by vBulletin® Version 3.8.11 (Deutsch)
Copyright ©2000 - 2024, vBulletin Solutions, Inc.

© Dirk H. 2003 - 2023