Johannes: überlappung von div bereichen

Hallo,
hab das problem mit der überlappung von bereichen relativ oft... ok mal kurz was ich möchte, eine titelleiste mit infos, leicht überlappend darunter die navigation und der textbereich:
kleiner ausschnitt:
<style type="text/css">
body{
 padding:0px;
 margin:0px;
 background-image:url(grafik/bg_seite.gif);
 }
#top{
 margin:0 0 0 0;
 background-image:url(grafik/bg_top.png);
 background-repeat: repeat-x;
 height:110px;
}
#text{
 background-color:white;
 width:500px;
 height:600px;
 float:right;
 border:1px dashed silver;
 }
</style>
</head>
<body>
<div id="top">bla</div>
<div id="text">bla</div>
</body>

navi fehlt, wie erreiche ich nun´das text etwa 1em über top liegt???

MFG Johannes

  1. hi,

    wie erreiche ich nun´das text etwa 1em über top liegt???

    Du könntest ihn per negativem margin-top, oder auch per relativer Positionierung ein Stück nach oben ziehen bzw. verlagern.

    gruß,
    wahsaga

    --
    /voodoo.css:
    #GeorgeWBush { position:absolute; bottom:-6ft; }
    1. Negatives margin ich werd bekloppt... sowas geht?*GG*

      Dickes Thanx MFG Johannes

  2. wie erreiche ich nun´das text etwa 1em über top liegt???

    Da musst du absolut (rel. = % oder abs. = px) positionieren.
    Damit % klappt (was ich immer vorziehe), muss der Viewport = body in Höhe (und Breite) mit %-angaben festgelegt werden.

    Michael