nicht angemeldet
Hallo,
ich habe nun die Lösung gefunden.
#container { position:absolute;
left:50%;
width:900px;
margin-top:0px;
margin-left:-450px;
padding:0px;
}
#menu { float:left;width:150px;}
#content {float:right;width:750px;}
<div id="container">
<div id="header">Platz für das Logo</div>
<div id="menu">Hier kommt das Menü hin</div>
<div id="content>Hier steht der Inhalt.</div>
</div>
Der Container wird mittels eines kleinen Tricks (left 50% und dann margin-left dem negativen Wert der Hälfte der Breite der zu zentrierenden Box zugewiesen) zentriert und enthält alles weitere. Scheint im IE und Firefox zu laufen.
Könnte mir nun, da ich ja den Code habe, jemand sagen, wie sicher obiges ist? Wenn es nicht sicher ist würde ich mich sehr über Verbesserungsvorschläge hoffen. Die andere Lösung mit text-align: center; funktioniert im Übrigen nicht im Firefox :(. Ich möchte ungerne, dass es auf anderen Rechnern damit wegen des Codes zu Komplikationen kommt.
Vielen Dank im Voraus und einen schönen Sonntag,
Rise.