Servus,
ich stolpere über folgende Sache:
Wie zu sehen ist (s. Datei im Anhang), ist in meinem Layout rechts oben ein fester Bereich, der umflossen wird von anderen Div-Blöcken. Das Problem ist, dass zwar der Text umfließt, jedoch nicht die grünen oberen und unteren Div-borders.
Kann mir jemand sagen, was ich falsch gemacht habe?
Danke
Hier noch der Code:
ich stolpere über folgende Sache:
Wie zu sehen ist (s. Datei im Anhang), ist in meinem Layout rechts oben ein fester Bereich, der umflossen wird von anderen Div-Blöcken. Das Problem ist, dass zwar der Text umfließt, jedoch nicht die grünen oberen und unteren Div-borders.
Kann mir jemand sagen, was ich falsch gemacht habe?
Danke
Hier noch der Code:
HTML:
<html>
<head>
<title>Div-Problem</title>
<style type="text/css">
div#Cover {
float: right;
width: 250px;
height: 350px;
margin: 10px;
padding: 10px;
border: 3px solid orange;
}
div#Inhalt {
border-bottom: 1px solid blue;
border-top: 1px solid blue;
padding: 5px;
}
</style>
</head>
<body>
<div id="Cover"></div>
<div id="Inhalt">Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext </div>
<div id="Inhalt">Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext</div>
<div id="Inhalt">Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext </div>
<div id="Inhalt">Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext</div>
<div id="Inhalt">Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext </div>
<div id="Inhalt">Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext</div>
<div id="Inhalt">Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext </div>
<div id="Inhalt">Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext</div>
<div id="Inhalt">Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext</div>
<div id="Inhalt">Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext Blindtext</div>
</body>
</html>