Design-Problem

[Oetzicool]

Hey Leute ich will eine Website erstellen und zwar mit 4 Divs untereinander also BANNER,NAVIGATIONLEISTE,CONTEN,FOOTER. Aber ich weiß net wie ich die DIVs zentrieren kann, ich hoffe ihr könnt mir helfen oder wenn es zu dem Thema gute Tutorials gibts, mir diese zu mailen! Danke schonmal!

 

[Maik]

Hi,

entweder deklarierst du für jedes DIV margin:0 auto, oder du bindest die vier Elemente in ein übergeordnetes DIV mit dieser CSS-Eigenschaft ein.

 

[Oetzicool]

und wie mach ich das mit dem übergeordneten DIV?

 

[Maik]

Beispielsweise so:

#wrapper {
margin:0 auto; /* Aussenabstand oben/unten - links/rechts */
width:700px; /* erforderliche fixe Breite von mir frei gewählt */
border:1px solid #000; /* optional zur Visualisierung der Boxausrichtung im Fenster */
}

<div id="wrapper">
     <div id="banner">banner</div>
     <div id="navi">navi</div>
     <div id="content">content</div>
     <div id="footer">footer</div>
</div>