Skocz do zawartości
Zaloguj się, aby obserwować  
ktoś

[CSS] obracanie tabeli

Polecane posty

Mam przykładowo taki kod :

 

<div class="tab">
<div class="row">
<div class="cel aut">autor 1</div>
<div class="cel">coś1a</div>
<div class="cel">ffffasdfasdf</div>
</div>
<div class="row">
<div class="cel aut">autor 2</div>
<div class="cel">fsf<br/><br/></div>
<div class="cel">asdf</div>
</div>
<div class="row">
<div class="cel aut">autor 3</div>
<div class="cel">blablablabla</div>
<div class="cel">fssafffffffasdfasdf</div>
</div>
</div>

 

opatrzony arkuszem css nadającym mu wygląd tabeli 'poziomej' (podział na wiersze, następnie na komórki):

 

div {

border : solid 1px red;
padding : 0px;
width : auto;
}
div.tab {
display:table;
table-layout:fixed;
}

div.row {
display : table-row;
}

div.cel {
display :table-cell;
overflow : auto;
border : solid 1px red;
padding : 5px;
width : auto;
height  : 50px;
} 

 

i nawet trochę działa. Ale za to się rozjeżdża. Podział na wiersze zapenia jednakowe wysokości komórek wiersze i jednakowe szerokości komórek kolumny. Tutaj zachowana jest tylko szerokość.

Testowane konquerorze i firefoxie (quirks i standard, xml 1.0; doctype xhtml 1,1)

Oczywiście ręczne definiowanie rozmiarów komórek nie wchodzi w grę, ponieważ nie wiadomo ile treści się w każdej z nich znajdzie.

Jakieś pomysły?

Udostępnij ten post


Link to postu
Udostępnij na innych stronach

Bądź aktywny! Zaloguj się lub utwórz konto

Tylko zarejestrowani użytkownicy mogą komentować zawartość tej strony

Utwórz konto

Zarejestruj nowe konto, to proste!

Zarejestruj nowe konto

Zaloguj się

Posiadasz własne konto? Użyj go!

Zaloguj się
Zaloguj się, aby obserwować  

×