thundrill: 3 Block elemente nebeneinander, 3 Blockelement rutsch aber tief

Beitrag lesen

Hallo,

habe ein proplem, ich möchte 3 div elemten nebeneinander, 2 funktionieren (float:left und float:none) aber floar:right geht irgednwie nicht, den das 3 block element bleibt eine zeile zu tief. hier ein bild:

meine css:

body,td,th {  
	font-family: Verdana, Geneva, sans-serif;  
	font-size: 15px;  
	color: #FFF;  
}  
body {  
	background-color: #000;  
	background-image: url(images/bg.png);  
	background-repeat: no-repeat;  
}  
a {  
	font-size: 15px;  
	color: #FFF;  
}  
a:visited {  
	color: #FFF;  
}  
a:hover {  
	color: #CCC;  
}  
a:active {  
	color: #CCC;  
}  
  
#BF3_HTML {  
	margin-top:auto;  
	margin-left:auto;  
	margin-right:auto;  
	width:1000px;  
	height:2050px;  
}  
  
#header {  
	background:url(images/header.png);  
	margin-top:auto;  
	margin-left:auto;  
	margin-right:auto;  
	width:1000px;  
	height:258px;  
}  
  
#nav {  
	background:url(images/nav_bg.png);  
	margin-top:auto;  
	margin-left:auto;  
	margin-right:auto;  
	width:1000px;  
	height:57px;  
}  
  
#content {  
	background:url(images/content.png);  
	margin-top:auto;  
	margin-left:auto;  
	margin-right:auto;  
	width:1000px;  
	height:1597px;  
}  
  
#news_box_left {  
	background:url(images/news_box_left.png);  
	margin-top:auto;  
	margin-left:auto;  
	margin-right:auto;  
	width:333px;  
	height:345px;  
	float:left;  
}  
  
#news_box_center {  
	background:url(images/news_box_center.png);  
	margin-top:auto;  
	margin-left:auto;  
	margin-right:auto;  
	width:333px;  
	height:345px;  
	float:none;  
}  
  
#news_box_right {  
	background:url(images/news_box_right.png);  
	margin-top:auto;  
	margin-left:auto;  
	margin-right:auto;  
	width:333px;  
	height:345px;  
	float:right;  
}  
  
#footer {  
	background:url(images/footer.png);  
	margin-top:auto;  
	margin-left:auto;  
	margin-right:auto;  
	width:1000px;  
	height:88px;  
}

meine html:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
<html xmlns="http://www.w3.org/1999/xhtml">  
<head>  
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  
<link href="style.css" style type="text/css" rel="stylesheet" />  
<title>Home</title>  
</head>  
<div id="BF3_HTML">  
	<div id="header"></div>  
	<div id="nav">  
		<a href="#"></a>  
    	<a href="#"></a>  
    	<a href="#"></a>  
	</div>  
	<div id="content">  
        <div id="news_box_left"></div>  
        <div id="news_box_center"></div>  
        <div id="news_box_right"></div>  
   	</div>  
    <div id="footer"></div>  
</div>  
<body>  
</body>  
</html>