Wiersz tabeli - ustawienie auto wysokości Opcje

[sebekzosw]

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 

(IMG:http://imageshack.us/a/img231/2669/statystykistrongtytustr.png)

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 (IMG:style_emoticons/default/wink.gif)

(IMG:http://i49.tinypic.com/sxj7ye.png)

wie ktoś jak to rozwiązać?

height: auto nie działa

[Damonsson]

Ale po co robisz tabelę na DIVach? (IMG:style_emoticons/default/ohmy.gif)

[sebekzosw]

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

[Adrian1207]

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

[sebekzosw]

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