nicht angemeldet
Hallo,
in einem div mit Rahmen sitzen weitere divs.
Warum wird der Rahmen des äusseren div nicht um die inneren, gefloateten divs gezogen. Ich probier seit Tagen im Kreis rum - ausser einem rauchenden Kopf hab ich nichts.
Bitte helft mir, wo der Fehler ist.
(absolute Positionierung und width Angaben kommen nicht in Frage - das design soll liquid bleiben)
so soll es aussehen:
/-------------------------------/
/ /----------/ /----------/ /
/ / / / / /
/ / / / / /
/ / / / / /
/ / / / / /
/ /----------/ /----------/ /
/ /----------/ /
/ / / /
/ / / /
/ / / /
/ / / /
/ /----------/ /
/-------------------------------/
und so sieht es aus:
/-------------------------------/
/-------------------------------/
/----------/ /----------/
/ / / /
/ / / /
/ / / /
/ / / /
/----------/ /----------/
/----------/
/ /
/ /
/ /
/ /
/----------/
hier der code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<style type="text/css">
body {
margin:0;
padding:0;
}
#inhalt {
margin:auto;
border:2px solid red;
}
.teaser {
float:left;
width:250px;
border:1px solid black;
}
</style>
<title> </title>
</head>
<body>
<div id="inhalt">
<div class="teaser">
<p>Lorem ipsum dolor sit amet, consectetuer
</div>
<div class="teaser">
<p>Lorem ipsum dolor sit amet, consectetuer
</div>
<div class="teaser">
<p>Lorem ipsum dolor sit amet, consectetuer
</div>
</div>
</body>
</html>
Gruß Fritz
ss:| zu:) ls:[ fo:| va:) ch:? n4:& rl:? br:& js:| ie:| fl:|