Probleme bei relativer Tabellbreite und absoluter Zellebreite (NS4.7 vs. IE5)
Martin
- html
Ich bin bei der Erstellung von Tabellen auf folgendes Problem gestoßen. Erzeugt man eine Tabelle mit 100% Breite und 3 Spalten, von denen die erste und letzte auf 80 Pixel Breite gesetzt wird, dann zeigt der IE5 dies richtig an, Netscape4.7 hingegen ignoriert die festgelegte Breite der ersten und letzten Spalte nahezu vollständig.
Die erste und letzte Spalte ist zwar schmaler als die mittlere, aber 80 Pixel sind es auf keinen Fall. Da es sich hierbei wirklich um ein Basis-Problem handelt hoffe ich, daß irgendjemand eine Lösung dafür hat.
Hier die HTML-Datei:
<html>
<head>
<title>rthdrhrth</title>
</head>
<body>
<table width="100%" border="1" cellpadding="3" cellspacing="0">
<tr bgcolor="yellow">
<td width="80"><b>80 Pixel</b></td>
<td><b>Variabele Breite</b></td>
<td width="80" align="right"><p>80 Pixel</p></td>
</tr>
</table>
</body>
</html>
Der Screenshot zum Vergleich beider Browser-Ausgabevarianten liegt unter:
www.martin-hoehn.de/html-bild/bild.gif
Gruß
Martin
Hallo,
<table width="100%" border="1" cellpadding="3" cellspacing="0">
»» <tr bgcolor="yellow">
»» <td width="80"><b>80 Pixel</b></td>
[..]
Du benutzt relative und absolute Angaben gleichzeitig.
=> Fehler => Kleine fehler bestraft der liebe Netscape sofort.
Ciao,
Wolfgang
Du benutzt relative und absolute Angaben gleichzeitig.
=> Fehler => Kleine fehler bestraft der liebe Netscape sofort.
Danke für die Antwort, aber ...
ist es denn wirklich ein Fehler zu sagen, daß die erste und letzte
Spalte auf eine feste Pixelzahl gesetzt werden? In der mittleren
Spalte kann doch alles wieder augeglichen werden.
Ist das wirklich gegen die HTML-Spezifikation?
Gruß Martin
Hallo Martin!
Ist das wirklich gegen die HTML-Spezifikation?
Das? Nein.
Aber damit es überall funktioniert kommstdu um sowas nicht herum:
<table width="100%">
<tr>
<td><img src="trans.gif" width="80" height="1" alt="" border="0"></td>
<td width="100%"></td>
<td><img src="trans.gif" width="80" height="1" alt="" border="0"></td>
</tr>
<tr>
<td>a</td>
<td>b</td>
<td>c</td>
</tr>
</table>
Grüße
Thomas