Divs die mit flot:left nebeneinanderstehen zentrieren

1

1989moni1989

Mitglied
Hallo!
Kann ich Divs, die ich mit float:left nebeneinander positioniert habe zentrieren, sodass sie beide in der mitte der seite stehen?
ich komm nicht drauf. außerdem will ich nicht, dass der div "sidebar" nach unten rutscht, wenn ich das Browserfenster kleiner mache. geht das?
Glg Moni

HTML: 
<body>

<div id='header'>
    <img src='pics/logo_neu.jpg'>
</div>

<div id='nav'>
........
</div>

<div id='inhalt'>
........
</div>

<div id='sidebar'>
    <img src='pics/logo.jpg'>
</div>
</body>


Code: 
#header {
    width: 980px;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}

#inhalt {
	margin-right: 30px;
    width : 900px;
    height : 250px;
    overflow : auto;
    float:left;
}

#nav {
   width:980px;
   margin-left:auto;
   margin-right:auto;
   background-color:#CCCCCC;
}

#sidebar {
	float:left;
}
 
Zuletzt bearbeitet:
Hi,

erweiter das Markup um einen weiteren DIV-Block, der den Bestand in sich aufnimmt:

Code: 
<body>
<div id="wrapper">
    <div id='header'>
        <img src='pics/logo_pennerstorfer.jpg'>
    </div>

    <div id='nav'>
    ........
    </div>

    <div id='inhalt'>
    ........
    </div>

    <div id='sidebar'>
        <img src='pics/logo.jpg'>
    </div>
</div><!-- / #wrapper -->
</body>
Das dazugehörige Stylesheet lautet nun:

CSS: 
#wrapper {
    width: 980px;
    margin-left:auto;
    margin-right:auto;
}

#header {
    text-align:center;
}

#nav {
   background-color:#CCCCCC;
}

#inhalt {
    margin-right: 30px;
    width : 900px;
    height : 250px;
    overflow : auto;
    float:left;
}

#sidebar {
	float:left;
}


mfg Maik
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück