nicht angemeldet
IE6, table-layout:fixed; & margin
Hallo,
folgendes Problem:
Ich wollte eine mit einer Tabelle ein Bild mit einem kleinen Text darunter anzeigen. Dabei soll die Tabelle maximal so breit sein wie das Bild + margin. Der IE6 (und der IE7) vergrößern aber sobald der Text breiter als das Bild ist die Tabelle. Darum habe ich table auf fixed gesetzt und das erste <td> mit Höhen- und Breitenangaben versehen. Nun wird zwar im IE7 und IE6 die Bildbreite eingehalten, leider wird jedoch im IE6 nicht (wie auch im Opera oder FF) das Margin noch hinzugefügt. Gibt es eine Möglichkeit dieses Problem zu beheben.
img{
float:none;
margin:1em;
border:1px solid #000000;
}
table{
table-layout:fixed;
}
<table align="center">
<tr>
<td width="100px" height="100px"><img src="bild.jpg" /></td>
</tr>
<tr>
<td>Zu breiter Text</td>
</tr>
</table>
Bsp.: siehe URL
Mfg
S.G.
-
Ich kann das gerade nicht durchtesten, aber solche Differenzen mit margins verschwinden oft, wenn man konsequent auf "strict" umschaltet:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
Aber Vorsicht: Möglicherweise sieht danach erst einmal einiges anders aus als zuvor :-)
-- snorri
-
Ich kann das gerade nicht durchtesten, aber solche Differenzen mit margins verschwinden oft, wenn man konsequent auf "strict" umschaltet:
Leider verschwindet das hier nicht ...
Gruß,
S.G.
-