[html,css] Ustawienie div Opcje

[krzychu0808]

Witam...
Wstawiłem div w div i nie moge go ustawić:
to ten szary prostokącik: http://l2c6.no-ip.org/4/
a chciałem ustawić go za pomocą

Kod

    left:300px;
    top:0px;

Html:

Kod

<div id="strona">
  <div id="heder"></div>
  <div id="heder1"></div>
   <div id="ccc"></div>
   <div id="ddd">
     <div id="menu1"></div>
   <br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
  
   </div>
<div id="eee"></div>  
  <div id="fff"></div>

    </div>

CSS:

Kod

#strona {
    margin     : 0 auto;
    padding    : 0px;
    width      : 797px;
   float         : center;
}
#heder {

    list-style: none;
    margin     : 0 auto;
    border     : none;
    padding    : 0px;
    width      : 797px;
    height: 106px;
    background: url('images/1.jpg');
}
#heder1 {

    top:106px;
    list-style: none;
    margin     : 0 auto;
    border     : none;
    padding    : 0px;
    width      : 797px;
    height: 171px;
    background: url('images/2.jpg');
}
#ccc {

    top:277px;
    list-style: none;
    margin     : 0 auto;
    border     : none;
    padding    : 0px;
    width      : 797px;
    height: 60px;
    background: url('images/3.jpg');
}
#ddd {

    top:337px;
    list-style: none;
    margin     : 0 auto;
    border     : none;
    padding    : 0px;
    width      : 797px;
    background: url('images/4.jpg');
}
#eee {

    list-style: none;
    margin     : 0 auto;
    border     : none;
    padding    : 0px;
    width      : 797px;
    height: 41px;
    background: url('images/5.jpg');
}
#fff {

    list-style: none;
    margin     : 0 auto;
    border     : none;
    padding    : 0px;
    width      : 797px;
    height: 86px;
    background: url('images/6.jpg');
}
#menu1 {

    left:300px;
    top:0px;
    list-style: none;
    border     : none;
    padding    : 0px;
    width      : 173px;
    height: 43px;
    background: url('images/a.gif');
}

Ten post edytował krzychu0808 29.12.2007, 00:51:06

[dreame4]

Kod

#menu1 {
     left:300px;
     top:0px;
     position: relative;
     list-style: none;
     border     : none;
     padding    : 0px;
     width      : 173px;
     height: 43px;
     background: url('images/a.gif');
}

Popraw tak, "position: relative;" zapomniałeś dodać.
Ehh... w ogóle to cały ten kod zrobiłeś strasznie... dziwnie. Proponowałbym doczytać gdzieś o CSS

Ten post edytował dreame4 29.12.2007, 01:19:38