| von Caro |
Mozilla habe ich leider nicht.
Ich habe das Problem jetzt aber umgangen, indem ich mich doch mal an css-Layer rangewagt habe - das ist leichter als ich dachte!
Gruß
Caro |
| von DukeXP |
Colgroup wird IMO nur vom IE einigermaßen interpretiert. Ein festes Layout, das unabhängig von den Inhalten der einzelnen Zellen ist, kannst du damit nicht erstellen.
Mal eine kleine Zwischenfrage: hast du deine Seite schonmal mit Mozilla Firebird getestet? Dort dürfte die Darstellung ähnlich wie in Opera sein. Opera und Firebird liegen bei dieser Darstellung übrigens absolut richtig, der Internet Explorer verfügt leider über einen Box-Model-Bug, der diese Unterschiede zur Folge hat. Der Fehler tritt auf sobald du Werte für padding oder border definierst. |
| von Caro |
Ok, ich hab jetzt alles genauso gemacht. Resultat:
Opera hat immer noch den Fehler mit Colgroup und zu viel Breite. Mir ist aufgefallen, dass auch die einzelnen Spalten etwas zu groß sind.
Aber es muss doch eine Lösung geben !?
Noch mal mein Header:
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14: | <head>
<title></title>
<style type="text/css">
<!--
H1, H2, H3, H4, H5 { font-variant:small-caps; letter-spacing:2px; color:#FFFFCC;}
a:link { color:#CCCC00; }
a:hover { color:#FFFFCC; }
a:visited { color:#CCCC00; }
a:active { color:#FFFFCC; }
table { table-layout:fixed; font-size:10pt; border-width:1px; margin: 10px auto; }
body { color:#000000; font-family:Arial; margin-top:30px; background-color:#506889; text-align: center;}
-->
</style>
</head> |
|
| von DukeXP |
Ersatz für cellspacing:
1:
2: | border-spacing: 0;
border-collapse: collapse; |
Horizontal zentrierst du deine Tabelle wenn du ihr links und rechts einen automatischen Außenabstand (margin) zuweist.
1: | margin: 10px auto; (10px ist der Abstand oben und unten) |
Der Internet Explorer interpretiert diese Angabe allerdings nicht korrekt und zeigt die Tabelle immer noch linksbündig an. Definiere deshalb zusätzlich:
1: | body { text-align: center; } |
Das Attribut text-align ist zwar dafür eigentlich nicht gedacht, aber es funktioniert. |
| von Caro |
Ok, ich hab jetzt weitgehend alles in css ausgedrückt - und es funktioniert immernoch nicht:
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22: | <table style="width:680px; background-color:#FFFFFF;" cellspacing="0">
<tr>
<td style="height:130px; background-image:url(bgoben2.jpg);" colspan="3">
(hier ist die große Hintergrundgrafik)
</td>
</tr>
<tr>
<td style="vertical-align:top; width:120px;">
<div style="padding:10px; line-height:28px; margin-top:10px;">
Inhalt links unten
</div>
</td>
<td style="border-style:none solid none; border-width:1px; border-color:#506889; vertical-align:top; width:440px;">
Inhalt Mitte
</td>
<td style="vertical-align:top; width:120px;">
<div style="padding:10px; margin-top:10px; text-align:center;">
Inhalt rechts unten
</div>
</td>
</tr>
</table> |
Ich vermute dass das ganze mit dem cellspacing in der ersten Zeile zu tun hat. Wie ersetze ich das mit css? Ich habe es mit border-spacing:0px versucht, aber das hat keine Auswirkung.
Noch was: Wie zentriere ich die gesamte Tabelle mit css? |
|
