habe vier div-Bereiche, die möchte ich in einem Contrainer unterbringen.
Irgendwie klappts so nicht. Der schmeißst die divs Segment 1-3 im Container und nummer 4 möchte nicht. Die Option height funktioniert in dem Fall auch nur teilweise. Als irgendwie habe ich gerade ein kleines Verständisproblem..
body {
text-indent: left;
background-color: white;
}
img.block {
display:block;
}
div#container{
text-align: left;
margin: 0 auto;
width: 902px;
padding: 1px;
border: 1px solid red;
}
div#segment1{
float: left;
width: 898px; height: 50px;
margin: 0; padding: 0;
}
div#segment2{
float: left;
width: 898px; height: 50px;
margin: 0; padding: 0;
}
div#segment3{
float: left;
width: 898px; height: 50px;
margin: 0; padding: 0;
}
div#segment4{
float: left;
width: 898px; height: 50px;
margin: 0; padding: 0;
}
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<div id="container">
<div id="segement1">
Segment1
</div>
<div id="segment2">
Segment2
</div>
<div id="segement3">
Segment3
</div>
<div id="segment4">
Segment4
</div>
</div>
</body>
</html>