nicht angemeldet
zentriertes div mit variabler breite
Hallo,
ich versuche gerade ein Lösung für folgendes Problem zu finden:
Ich möchte 2 divs nebeneinander auf der Seite zentrieren. Das linke enthält die Navigation und hat eine feste Breite. Das rechte enthält den Inhalt. Das rechte div soll sich bzgl. der Breite automatisch an den enthaltenen Inhalt anpassenund eine maximale Breite nicht überschreiten. Um das zu erreichen möchte ich weitestgehend css verwenden.
Ich habe im Forum bereits nach entsprechenden Fragestellungen gesucht jedoch nichts passendes gefunden. Die Seite http://www.thenoodleincident.com/tutorials/box_lesson/boxes.html beschreibt zwar Ansätze für variable Breiten, das funktioniert jedoch nicht in Verbindung mit der Zentrierung.
Bin für jede Hilfe dankbar.
hasc
-
Hi,
Ich möchte 2 divs nebeneinander auf der Seite zentrieren.
Dazu müssen diese in ein Container-Element gesetzt werden, das eine Breitenangabe benötigt, die geringer als der Viewport ist.
Das rechte div soll sich bzgl. der Breite automatisch an den enthaltenen Inhalt anpassenund eine maximale Breite nicht überschreiten.
Das geht mit max-width (für das Contaner-Element). Für den IE hilft leider nur Javascript.
freundliche Grüße
Ingo-
Hallo Ingo,
danke für die Antwort. Ich war bereits soweit gekommen, dass ich beide divs auf der Seite zentriert hatte, das linke mit fester Breite, das rechte wurde allerdings immer auf die komplette Laenge des Container-Elements aufgezogen. max-width hat da weder im IE noch Firefox was gebracht.
Ich habe nun hierüber eine einfache Lösunge gefunden:http://www.webmasterworld.com/forum83/6968.htm
also im Prinzip:
<div style="width:800px;margin-left:auto;margin-right:auto">
<div style="width:150px;float:left;">
navigation
</div>
<div style="max-width:650px;float:left;">
content
</div>
</div>sieht so aus als ob es funktioniert, muss das nochmal auf anderen Browsern testen.
Grüsse,
hascHi,
Ich möchte 2 divs nebeneinander auf der Seite zentrieren.
Dazu müssen diese in ein Container-Element gesetzt werden, das eine Breitenangabe benötigt, die geringer als der Viewport ist.Das rechte div soll sich bzgl. der Breite automatisch an den enthaltenen Inhalt anpassenund eine maximale Breite nicht überschreiten.
Das geht mit max-width (für das Contaner-Element). Für den IE hilft leider nur Javascript.
freundliche Grüße
Ingo
-