Folgendes CSS-Problem:
Eine
Website, bei der ich an zwei Stellen Padding benutze.
Da der IE (Stichwort: Box Model) das anders darstellt, habe ich das ihm unbekannte max-width benutzt:
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14: | ...
#subnav ul a {
display: block;
width: 161px;
max-width: 124px;
padding-left: 37px;
...
#central {
width: 751px;
max-width: 747px;
padding-left: 2px;
padding-right: 2px;
... |
...und voilà, perfekte Darstellung in Firefox 1.0 und IE 6.0.
Die Freude währte nur solange, bis ich Opera 8 installierte. Der kennt max-width und, was mich völlig platt machte, addiert (wie der IE) das padding nicht zu width => falsche Darstellung.
Alle getesteten Box Model Hacks und Workarounds wollten nicht funktionieren, denn sie gehen alle davon aus, dass Firefox UND Opera das Box Model korrekt berechnen.
Weiß wer was?
Denkfehler von mir?
Neue Behandlung des Box Models in Opera 8?
Gar keine Problematik des Box Models???
Vielen Dank im voraus!
axedon
PS: Bräuchte eine CSS-interne (also kein Mid Pass Filter oder style.php) Lösung.
