Zeromancer: eine box positionieren

Beitrag lesen

Hallo Tani,

#top {
width:766px;
height:92px;
background-image:url(design/logo_oben.jpg);
padding:0;
margin:0 auto;

es müssen vier Angaben für oben, rechts, unten, links sein

border-left: 2px solid #818181;
border-right: 2px solid #818181;
line-height:16px;
margin-left:auto;
    margin-right:auto;}

dann könntest du dir die Angaben oben sparen.

Nun möchte ich genau drunter, auch 766 breit, wo die top endet ein bereich, indem ich den inhalt der page einfüge. hab da schon alles mögliche versucht und css vorlagen benutzt, ich kriege dass leider nicht gebacken.

Was hindert dich daran, alle Angaben des 'top-Bereiches auch für den darunter liegenden Teil zu benutzen? ;-)

#top {
  width:766px;
  height:92px;
  background:url('design/logo_oben.jpg'); /*eine Alternativfarbe wäre von Vorteil*/
  padding:0;
  margin:0 auto 0 auto;
}
#down {
  width:766px;
  height:???; /*weglassen oder overflow nutzen*/
  background:url(???'); /*eine Alternativfarbe wäre von Vorteil*/
  padding:0;
  margin:0 auto 0 auto;
}

HTML:
-----

<div id="top">Text</div>
<div id="down">Text</div>

Da es sich um zwei Blockelemente mit jeweils eigenem Absatz handelt, sollte dies kein Problem darstellen.

Mit freundlichen Grüßen

André