DIV mit CSS Positionierung

asolution

Mitglied
Hallo Zusammen


Ich habe ein Problem, ich habe ein CSS Layout mit welchem ich 3 Spalten mache... Leider werden diese 3 Spalten nicht direkt in einer Linie angezeigt sondern das 3 ine weiter unten!

Ich hoffe man kann es erkennen?
d38569-1295514864.jpg


Wieso funktioniert das nicht wunschgemäss?

CSS:

CSS:
#linksoben {
  float: left;
  margin-bottom: 20px;
  text-align: center;
  width: 228px;
  height: 334px;
  background-image:url('graphics/banner_01_v1.2.png');
}

#mitteoben {
	float: left;
  height: 334px;
  width: 721px;
  background-image:url('graphics/article_01_citroen_c1_1.0_v1.0.png');
}

#rechtsoben {
  float:left;
  margin-bottom: 20px;
  text-align: center;
  width: 228px;
  height: 334px;
  margin-left: 727px;
  background-image:url('graphics/banner_01_v1.2.png');
}

#linksmitte {
  clear: left;
  float: left;
  margin-bottom: 20px;
  text-align: center;
  width: 228px;
  height: 450px;
background-image:url('graphics/banner_450_v1.0.png');
}

#mittemitte {
  float: left;
  height: 450px;
  width: 721px;
  background-color: #b1dc79;
  text-align: left;
}

#rechtsmitte {
  float: left;
  margin-bottom: 20px;
  text-align: center;
  width: 228px;
  height: 450px;
  margin-left: 727px;
  background-image:url('graphics/banner_450_v1.0.png');
}


HTML:

HTML:
<html> 
	<head> 
  		<title>****</title>
  		<link rel="stylesheet" type="text/css" href="design.css">
	</head> 

	<body> 
	<?php include("loginmask.php");?>
	<div id="linksoben"></div>
	<div id="mitteoben"></div>
	<div id="rechtsoben"></div>
	<div id="linksmitte"></div>
	<div id="mittemitte"></div>
	<div id="rechtsmitte"></div>
	
    <?include("footer.php");?>
</body> 
</html>
 
Zurück