Benjamin Wilfing: Probleme mit absoluter Positionierung

Beitrag lesen

Hallo Ulrich,

Das ist die Eigenschaft der absoluten Positionierung, sie ist eben nicht relativ zu einem Elternelement.

Doch, zumindest laut SelfHTML:

(http://selfhtml.teamone.de/css/eigenschaften/positionierung.htm#position)

Ja, stimmt, du hast recht. Ich bin irgendwie nicht von ineinander verschachtelten DIVs ausgegangen... Aber ich verstehe immer noch nicht, was gegen float spricht. Ich habe folgendes Beispiel schonmal aufgrund eines Postings erarbeitet (jetzt leicht abgewandelt):

<!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>New HTML document</title>

<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />

<style type="text/css">
  #links {
   border: 5px solid rgb(255,0,0);
   float: left;
   height: 200px;
   width: 100px; }

#mitte {
   border: 5px solid rgb(0,255,0);
   float: left;
   height: 200px;
   width: 500px; }

#rechts {
   border: 5px solid rgb(0,0,255);
   float: left;
   height: 200px;
   width: 100px; }
 </style>
</head>

<body>
 <div style="width: 750px;">
  <div id="links">LINKS</div>
  <div id="mitte">MITTE</div>
  <div id="rechts">RECHTS</div>
 </div>

</body>

</html>

Erfüllt das nicht genau deinen Zweck (mal abgesehen davon, dass das jetzt optisch nicht so aussieht wie deines, aber das lässt sich problemlos so machen)? Abstände zwischen den DIVs zueinander sind kein Problem, da hilft dir margin.

Grüße aus Darmstadt,
Benjamin