Dynamische Div´s zentrieren

[kevkev]

Hallo,

Alle meine Div´s verwenden float.
Ich habe die alle in ein Div gesteckt und will die zentrieren:
CSS:

body {
	font: 10px verdana;
	margin:0px;
	color:black;
	overflow: hidden;
	background-color:#aeaeae;
}

#box {
	width: 100%;
	background-color:yellow;
}

#logo {
	width:1024px;
	height:114px;
	background-image:url(top_bg_2.jpg);
}

#navi_top {
	float:both;
	width:1024px;
	height:25px;
	border-bottom:5px solid lightgrey;
	background-image:url(top_bg.jpg);
	margin-top:3px;
}

a {
	text-decoration:none;
	color:black;
}

a:hover {
	color:grey;
}

a.hover {
	float:left;
	display:block;
	height:25px;
	padding-left:5px;
	padding-right:5px;
	border-right: 1px dotted white;
	color:#313131;
	text-decoration:none;
	padding-top:5px;
}

a.hover:hover {
	background-color:lightgrey;
	color:black;
}

#navi {
	float:left;
	width:150px;
	color:black;
	background-color: lightgrey;
	padding-left:10px;
	padding-top:3px;
	height:400px;
	border-left:15px solid lightgrey;
	margin-top:3px;
	margin-right:3px;

}


* html #navi {
	height:430px;
}

#main {
	float:left;
	height:397px;
	width:843px;
	background-color:#EFEFEF;
	margin-top:3px;
	padding-left:3px;
	padding-top:3px;
	padding-bottom:3px;
}

* html #main {
	width:870px;
	height:427px;
}


* html .iframe {
	width:863px;
	height:425px;
}

#bottom {
	float:left;
	width:1024px;
	height:20px;
	border-top:5px solid lightgrey;
	background-image:url(bottom_bg.jpg);
	margin-top:3px;
	padding-top:5px;
}

* html #bottom {
	height:30px;
}

Aber es wird nur #head zentriert:

<div align="center" id="box">

	<div id="logo" align="right"><img src="test_head.jpg"></div>
	<div id="navi_top">
		<div style="padding-left:200px;">	
			<?php
				echo $top_navi;
			?>
		</div>
	</div>
	
	<div id="navi"><b><?php echo $big; ?></b><br>
		<ul style="list-style:none; margin:0px; padding-left:10px;">
			<?php
				echo $navi_;
			?>
		</ul>
	</div>
	
	<div id="main">
		<IFRAME name="iframe" class="iframe" src="<?php echo $doc; ?>" width="839px" height="395px" frameborder="0"></IFRAME>
	</div>
	
	<div id="bottom" align="right">Anfahrt - Kontakt - AGB - Impressum&nbsp;&nbsp;</div>
	
</div>

Weiß jemand wie ich alles zentrieren kann?

gruß kevin

 

[Jan-Frederik Stieler]

Hi,
hier im Forum gibt es bereits zum Thema Div´s zentieren einige Posts such doch mal dannach.

Gruß