nicht angemeldet
Hi,
Aussehen soll das dann so:
+---+
| 1 | |=2=|
| |--------------------------------------+
+---+ 3 |
| +-----------------------------------+|
| | 4 ||
| | ||
| +-----------------------------------+|
+----------------------------------------+
in der Tat sehe ich hier nicht unbedingt eine Verwendungsmöglichkeit für FLOAT, allerdings auch keine Notwendigkeit, alles über POSITION auszurichten. Lediglich [1] müßte entweder über FLOAT und negative margins oder POSITION definiert werden. Das könnte dann so aussehen:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">
<head>
<title>Test</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
html, body { margin:0; padding:0; }
body {color:black; background:silver; }
div { text-align:center; }
#eins { position:absolute; top:0; left:0; width:31px; height:31px; background:red; }
#zwei { margin:3px 0 3px 40px; font-size:14px; }
#zwei span { background:yellow; }
#drei { width:700px; margin:0 0 0 15px; background:blue; }
#vier { margin:15px 3px 3px 25px; background:white; }
</style>
</head>
<body>
<h1 id="zwei"><span>= 2 =</span></h1>
<div id="drei">3<br />
<div id="vier">4<br /><br /><br /><br /></div>
</div>
<div id="eins">1</div>
</body>
</html>
freundliche Grüße
Ingo