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?
Wieso funktioniert das nicht wunschgemäss?
CSS:
HTML:
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?
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>