[CSS][HTML] div'y się rozjeżdżają Opcje

[kociupk]

chce zrobic tabelke na divach i troche mi to nie wychodzi bo sie cala rozjechala i juz mi nic do glowy nie przychodzi jak to naprawic


kod html

[HTML] pobierz, plaintext 
<div id="table_large">
<div id="div_table">
<div class="div_table_title_name"><div class="table_title_text">Nazwa produktu / usługi</div></div>
<div class="div_table_title_center"><div class="table_title_text">Zdjęcie</div></div>
<div class="div_table_title_edit_delete"><div class="table_title_text">Edytuj</div></div>
<div class="div_table_title_edit_delete"><div class="table_title_text">Usuń</div></div>
</div>
<div id="div_table">
<div class="div_table_name"><div class="table_text">sdg</div></div>
<div class="div_table_center"><div class="table_text"><img src="http://m.onet.pl/_m/209b4569f6c0fac1276c9e889812bc8a,2,1.jpg"></div></div>
<div class="div_table_edit_delete"><div class="table_text"><a href=""><img src="/images/icon_edit.png" alt="icon edit" /></a></div></div>
<div class="div_table_edit_delete"><div class="table_text"><a href=""><img src="/images/icon_delete.png" alt="icon delete" /></a></div></div>
</div>
<div id="div_table">
<div class="div_table_name"><div class="table_text">sdg</div></div>
<div class="div_table_center"><div class="table_text">sdag</div></div>
<div class="div_table_edit_delete"><div class="table_text"><a href=""><img src="/images/icon_edit.png" alt="icon edit" /></a></div></div>
<div class="div_table_edit_delete"><div class="table_text"><a href=""><img src="/images/icon_delete.png" alt="icon delete" /></a></div></div>
</div>
</div>
[HTML] pobierz, plaintext 

css

[HTML] pobierz, plaintext 
#table_large {
margin: 0 auto; 
margin-top: 10px; 
width: 565px;
}
#div_table {
overflow: hidden;
position: relative;
}
.div_table_title_name {
background: #efefef;
border-top: #ccc 1px solid;
border-left: #ccc 1px solid;
border-right: #ccc 1px solid;
border-bottom: #ccc 1px solid;
width: 250px;
float: left;
}
.div_table_title_center {
background: #efefef;
border-top: #ccc 1px solid;
border-right: #ccc 1px solid;
border-bottom: #ccc 1px solid;
width: 150px;
float: left;
}
.div_table_title_edit_delete {
background: #efefef;
border-top: #ccc 1px solid;
border-right: #ccc 1px solid;
border-bottom: #ccc 1px solid;
width: 80px;
float: left;
}
.div_table_name {
border-left: #ccc 1px solid;
border-right: #ccc 1px solid;
border-bottom: #ccc 1px solid;
width: 250px;
float: left;
}
.div_table_center {
border-right: #ccc 1px solid;
border-bottom: #ccc 1px solid;
width: 150px;
float: left;
}
.div_table_edit_delete {
width: 150px;
border-right: #ccc 1px solid;
border-bottom: #ccc 1px solid;
width: 80px;
float: left;
}
.table_title_text {
text-align: center;
font-size: 12px;
font-weight: bold;
padding: 10px;
}
.table_text {
text-align: center;
font-size: 12px;
padding: 5px;
}
[HTML] pobierz, plaintext 

[wookieb]

Tabelki robi się za pomocą "<table>" a nie divów...

[kociupk]

wiem ale chce byc ponad czasowy i zrobic na divach

[wookieb]

No to nie będziesz ponadczasowy. Do tego celu służą po prostu tabelki.

[kociupk]

ok dzieki niepotrzebnie zycie sobie komplikuje