✔ Problem mit DIV Layer

Status
Nicht offen für weitere Antworten.
P

partyspezial

Mitglied
Guten Abend :),

Ich habe folgendes Problem:

Ich möchte gerne meinen Content so weit wie es geht unter den body bereich bringen. Nun habe ich via CSS margin-top mit einer bestimmten Pixelanzahl erzeugt. Mein Layout sieht ca so aus:

HTML: 
<body>
<div id="content">
Hier kommt der Content rein
</div>
<div id="header">
<img src="images/logo.png" width="462" height="66">
</div>
<div id="nav">
  <ol>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li class="active"></li>
  </ol>
</div>
</body>


Also ich möchte, dass der Content unter dem Menu und der Navi erscheint ... jedoch zieht er beide divs mit runter ... d.h. der Layer schiebt sich nicht über die anderen Layer.

Ich hoffe ihr versteht mein Problem ... ist schwer in Worte zu fassen. Vielen Dank schonmal.


MfG
 
Also in der CSS steht folgendes für die Layer:

Code: 
#header {
    background-image : url(../images/header-background.png);
    background-position : left 64px;
    background-repeat : repeat-x;
    float : none;
    height : 66px;
    margin-bottom : 0;
    margin-left : auto;
    margin-right : auto;
    margin-top : 0;
    overflow : hidden;
    position : inherit;
    text-align : left;
    top : 0px;
    width : 972px;
  }
#nav, #content {
    text-align:left;
    width:972px;
    margin:0 auto;
  }
#content {
    margin-top: 200px;
  }
#nav {
    height:37px;
    overflow:hidden;
    clear:both;
    background:url(../images/nav-default.png) repeat-x;
  }
 
Wenn sich der Content unter dem Header und Menü befinden soll, dann notiere ihn im Quelltext auch darunter:

HTML: 
<body>
<div id="header">
<img src="images/logo.png" width="462" height="66">
</div>
<div id="nav">
  <ol>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li class="active"></li>
  </ol>
</div>
<div id="content">
Hier kommt der Content rein
</div>
</body>
und erweiter das Stylesheet mit folgender Regel, damit die Listenpunkte horizontal ausgerichtet werden:

Code: 
li {
display:inline;
}
 
das ist ja mein problem, ich möchte den content layer direkt unter den body tag bekommen, jedoch bei der darstellung unter header und nav ... vllt hat da jemand eine gescheite lösung?

mfg
 
Wenn Du die Reihenfolge der Elemente im HTML-Code nicht, wie von mir heute Morgen vorgeschlagen, umstellen willst (was die einfachste Lösung wäre), dann müsstest Du alle Elemente im Anzeigefenster absolut positionieren. Denn dann spielt es keine Rolle, an welcher Stelle sie innerhalb des body-Tags notiert sind. Unter- bzw. außerhalb des body-Tags können keine Elemente notiert werden.

Und achte bitte in Deinen Beiträgen auf die Groß- und Kleinschreibung.
 
Ok Danke,

d.h. das ich bei allen Layern die Position absolut machen muss (position : absolute;)? Und dann eben jedem Layer eine Margin Top Anweisung geben?

MfG
 
Status
Nicht offen für weitere Antworten.

Neue Beiträge

Zurück