Hallo Ihr,
ich will ein Div zentrieren, welches eine width-Angabe für den IE hat und eine min-width-Angabe für den Rest der Browser. Das Div hat eben einen dynamischen Inhalt, der mal kleiner und mal größer als die vordefinierte Größe ist. Das Div soll nun beispielsweise mindestens 100px breit sein, bei Überschreitung dieser 100px aber trotzdem noch zentriert sein !
In Klartext siehts etwa so aus:
<div style="min-width:100px; .width:100px; margin:auto; border: 1px solid #000; text-align:left">Testinhalt</div>
Für alle, die es nicht kennen: .width versteht nur der IE (bis IE 7). Ist nötig, wenn man keine zwei getrennten CSS-Dateien nutzen will (der IE kennt nämlich kein min-width).
Das Problem ist nun, dass der IE das Div oben zwar so platziert - auch bei Überschreitung der 100px ! - wie ich es gerne hätte, die restlichen Browser aber nicht. Das min-width wird offenbar nur bei absoluten Elementen richtig dargestellt. Wenn ich es absolut positioniere, funktioniert aber margin:auto zur Zentrierung wieder nicht.
Wer kann mir helfen ?[/code]