div positionierung

Hallo,

ich bastle gerade an meiner Website und da ich trotz endlosem suchen und probieren nicht weiterkomme, hoffe ich auf einen kurzen Hinweis der Experten. Im wesentlichen hab' ich ein Ankerproblem bei der div- Verschachtelung, da so aussieht:

<div class="menu">

<div> horizontales Menü geladen</div>

<div class"=navbar" </div>
<div class="content> 600px breites Fenster unter der Navbar </div>

</div>

im CC sheet wird das durch folgende angaben dann so positioniert, dass die gesamte Website immer zentriert im Browserfenster ist, oben das Menü quer liegt und der Inhalt dann in diesem Block erscheint. Das funktioniert mit auch ohne Probleme mit:

.menu {
      font-family: Arial, Verdana, helvetica, sans-serif;
      font-size: 10pt;
    text-align: center;
    padding: 0;
        }
.navbar {
      font-family: Arial, Verdana, helvetica, sans-serif;
      font-size: 10pt;
    position: relative;
    float: left;
    padding: 0;
        }
.content {
      font-family: Arial, Verdana, helvetica, sans-serif;
      font-size: 10pt;
    position: relative;
    left: 100px;
    width: 600px;
    text-align: left;
    padding: 0;
        }

allerdings weigert sich die Navbarleiste via float links in dem umrahmenden div container zu erscheinen und rückt stattdessen ganz an den linken Rand im Browser, aus der Website heraus. Der content container richtet sich so wie er soll am "menu" container aus. Wie kann ich denn den zweiten inneren div container links floaten lassen, ohne dass er sich gleich aus dem Elternobject verabschiedet?

Ist vielleicht banal für euch, wäre aber für einen kurzen Hinweise sehr dankbar.

Zuletzt bearbeitet von huggable (20-10-2006 13:46:50)