Witam,

oczywiście chodzi o tabelkę na divach. Mam fragment kodu HTML / CSS:

[HTML] pobierz, plaintext 
<div class="tr">
        			<div class="td" style="width: 76%">
                        /!/kontakt/
                    </div>
                    <div class="td center" style="width: 16%">
                        109
                    </div>
        		</div>
[HTML] pobierz, plaintext 

[CSS] pobierz, plaintext 
.table .tbody .tr:nth-child(even) .td {
background-color: #F7F7F7;
}
.table .tbody .td {
border-bottom: 1px solid #EEE;
}
.table .td {
padding: 1% 2%;
float: left;
overflow: hidden;
width: 96%;
}
 
.table .tr {
clear: both;
overflow: hidden;
color: #333;
}
* {
margin: 0px;
padding: 0px;
outline: none;
}
[CSS] pobierz, plaintext 

Problemem jest że nie jest automatycznie rozciąganie na wysokość 100% względem rodzica. Oczywiście mogę to w jQuery zrobić jednak lepiej na samym CSS



wie ktoś jak to rozwiązać?

height: auto nie działa

Ale po co robisz tabelę na DIVach?

nie lubię tabelek i wolę divy. i pewne inne własne powody :-)

Powywalaj floaty i cleary, a w zamian odpowiednio dla klas daj: display: table; , display: table-row; oraz display: table-cell;

dzięki za pomoc. + dla Ciebie ;-)