[css,html] Układ div Opcje

[krzychu0808]

Witam jestem początkujący ale chciałem w jednym div zrobić 3 tabelki wziołem każdą innym kolorem ale coś mi nie poszło....
Sami zobaczcie: xxx

Html:

Kod

<div id="strona">
  <div id="heder"></div>
  <div id="heder1"></div>
   <div id="ccc"></div>
   <div id="ddd">
<div id="tabela1"></div>
<div id="tabela2"></div>
<div id="tabela3"></div>
   </div>
<div id="eee"></div>  
</div>

Css:

Kod

#strona {
    margin     : 0 auto;
    padding    : 0px;
    width      : 807px;
}
#heder {

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

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

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

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

    list-style: none;
    margin     : 0 auto;
    border     : none;
    padding    : 0px;
    width      : 807px;
    height: 70px;
    background: url('images/5.jpg');
}
#tabela1 {
position: relative;
    left:0px;
    list-style: none;
    border     : none;
    padding    : 0px;
    width      : 269px;
    height: 200px;
background-color: #ff0202;
}


#tabela2 {
position: relative;
    left:269px;
    list-style: none;
    border     : none;
    padding    : 0px;
    width      : 269px;
    height: 200px;
background-color: #00fd4d;
}


#tabela3 {
position: relative;
    left:538px;
    list-style: none;
    border     : none;
    padding    : 0px;
    width      : 269px;
    height: 200px;
background-color: #1200fd;
}

Jestem początkujący proszę o wyrozumiałość i pomoc w tym problemie....

Temat do zamknięcia

Ten post edytował krzychu0808 31.12.2007, 00:58:01

[sticker]

dodaj do tabela1..2.3. float: left; tylko nie wiem czy Ci sie zmieszczą i czy nie bedzie trzeba jakiegoś pixela od szerokości odjąć, w css korzystaj też z klas nie tylko z id ułatwi ci to sprawe z tabelami