medi: Positionierung von div Bereichen

Hallo :-)

Ich versuche gerade mich mit CSS auseinander zu setzen, aber atm klappt das noch nicht so, wie ich es gern möchte...

Vorab erst mal ein Bild für die bessere Visualisierung:

http://666kb.com/i/aipgk61pdw6yubxsx.jpg

^^ so soll es mal aussehen

So nun zu meinem Problem (Probleme wohl eher)...

zuvor ein Codeauszug:

head:

html>body #fix {
position: fixed;
}

div#Seite {
position: relativ; width: 800px;
}

ul#Navi {
float: left;  width: 150px; position:absolute;
}

div#Inhalt {
position: absolute; width: 600px;
}

div#1 {
position: relativ;
}

div#2 {
position: relativ; float: left;
}

...usw...

body:

<div id="Seite">
  <div id="fix">
    <ul id="Navi">
       ....
    </ul>
  </div>
  <div id="Inhalt">
    <div id:"1">
      <div id="2"></div>
      <div id="3"></div>
      ...
    </div>
  </div>
</div>

So wie es jetzt ist, sieht es schon "annähernd" so aus. Aber ich kann die exakte Position der Bereiche 1,2 usw nicht bestimmen. Wenn ich bei denen die position von relativ auf absolute ändere, dann sind diese Bereiche nicht mehr im "Inhalt", sondern überlagern diesen.

Soweit ich verstanden habe, kann man mittels top, left etc die Position zum Elternelement (wäre in diesem Fall 1) bestimmen, wenn dieses nicht static ist. Aber egal was für Werte ich da eingebe - nix passiert. Auch margin bzw padding haben keinerlei Einfluss.

Also ich stehe sprichwörtlich auf dem Schlauch.

Ich versuche dieses Prob jetzt schon seid ein paar h zu lösen - ich lese und lese hier - aber ich finde den Fehler einfach nicht.

plz hlp

MFG medi

  1. Es heist glaub ich relative nicht relativ.

    1. Boah ich glaubs ja nicht X( .

      Danke, jetzt haut es schon eher hin :-) .

      1. Man hilft, wo man kann :-).
        P.S.: Mir geht's manchmal auch so...