Yerf!
Problem ist, dass das div, wenn ich eine relative breite angebe auf großen Bildschirmen zu groß und auf kleinen zu klein ist. Es soll ich immer direkt anpassen. Eine feste Breite möchte ich nicht festlegen, da sich der Inhalt dynamisch anpassbar sein soll.
In IE6 geht von den Beispielen überhaupt nichts, aber im Zweifel kann ich den nicht berücksichtigen wenn es keine vernünftige Lösung gibt.
a) Das Beispiel mit der festen Breite geht im IE6, wenn du das <?xml... weglässt, damit er nicht in den Quirksmode geht.
b) evtl. hilft die ja display:inline-block zusammen mit text-align:center weiter:
body{
text-align:center;
}
div{
display:-moz-inline-stack; /* Firefox2 */
display:inline-block; /* Firefox 3 und Opera */
}
* html div{
display:inline; /* IE */
zoom:1;
}
Wobei noch auszutesten ist, wie gut das im FF2 wirklich geht. Bei frühreren Tests (allerdings mit -moz-inline-block) hatte ich da ein paar Probleme.
Interesant wäre auch, was Safari und Konquerer dazu sagen...
Gruß,
Harlequin
<!--[if IE]>This page is best viewed with a webbrowser. Get one today!<![endif]-->