nicht angemeldet
Hi,
Was ich dabei noch nicht wirklich kapiert habe ist:
Warum gilt das Boxmodel nicht für das Kindelement einer Tabellenzelle?
(width:100% und padding-left:25px ergeben sonst 100% plus 25px)
es sollte zumindest gelten und Firefox hält sich zumindest auch dran.
Der IE nutzt im quirks mode ja ohnehin sein anderes Boxmodell, aber im standards compliant mode weiß er offensichtlich nicht so recht damit umzugehen. Vielleicht liegt's auch an der Definition:
Percentages: refer to width of containing block ?
Mal folgendes Beispiel (in einer Seite mit vollständigem Doctype):
<div style="width:280px; border:10px solid lime;">test</div>
<table style="width:300px;">
<tr>
<td style="width:300px; border:10px solid red;"><div style="width:100%; padding:100px; border:10px solid blue;">test</div></td>
</tr>
</table>
Der Firefox zeichnet den blauen Rahmen über die Tabellenzelle hinaus.
Der IE zeichnet den roten und blauen Rahmen nur bis zur angegebenen Breite von 300px und läßt beide rechte Rahmen einfach weg. Er "traut" sich keine Überschreitung, aber will andererseits ja standardkonform rendern - ein Dilemma. ;-)
Und was macht der Opera? Er tut es dem IE fast gleich mit der Ausnahme, daß er den roten Tabellenzellen-Rahmen noch zeichnet und den blauen Rahmen immerhin noch hierüber legt. Aber (wegen der IE-Kompatibilität?) geht er auch nicht drüber hinaus und läßt sicherheitshalber auch den rechten blauen Rand weg.
Dieses Beispiel paßt doch ganz gut zu dem Thread Nase voll!, oder?
freundliche Grüße
Ingo