nicht angemeldet
Folgendes Beispiel würde ich anführen um meine Schwierigkeiten zu mit Layern zu verdeutlichen: Damit die beiden mittleren layer nebeneinander liegen, habe ich eben ein "float:left" verwendet. dadurch geht der Text dann auch über den grünen layer. wenn ich die absoluten höhenangaben auskommentiere dann rutscht der footer neben den grünen layer. ich will aber dass der footer dann auch als footer die seite abschließt und sich an den grünen layer ausrichtet.
bsp:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type"
content="text/html; charset=iso-8859-1">
<title>Unbenanntes Dokument</title>
<style>
body {
background-color: #ccc;
font-family:Tahoma, Arial Black, sans-serif;
font-size: 11px;
margin: 0;
padding: 0;
}
#wrapper{
width: 600px;
}
#obenquer {
background: #FF0;
height: 200px;
clear: both;
}
#drunterlinks {
background: #0F0;
height: 100px;
width: 50%;
float: left;
}
#drunterrechts {
background: #F0F;
height: 100px;
}
#footer {
background: #444444;
}
</style>
</head>
<body>
<div id="wrapper">
<div id="obenquer">obenquer</div>
<div id="drunterlinks">
drunterlinks (relative)<br>
drunterlinks (relative)<br>
drunterlinks (relative)<br>
drunterlinks (relative)<br>
drunterlinks (relative)<br>
drunterlinks (relative)<br>
drunterlinks (relative)<br>
drunterlinks (relative)<br>
drunterlinks (relative)<br>
drunterlinks (relative)<br>
drunterlinks (relative)<br>
drunterlinks (relative)<br>
drunterlinks (relative)<br>
drunterlinks (relative)<br>
drunterlinks (relative)<br>
drunterlinks (relative)<br>
</div>
<div id="drunterrechts">drunterrechts (relative)</div>
<div id="footer">fussleiste</div>
</div>
</body>
</html>