Forum PHP.pl > [HTML][CSS]div tabelka border jako oddzielenie komórek a wysokość komórek

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [HTML][CSS]div tabelka border jako oddzielenie komórek a wysokość komórek

Elber

16.04.2012, 08:33:43

Witam,

mam problem,

mam diva w którym mam ustawiony line-height: 30px i w tym div'ie inne div'y o określonej szerokości i border-right: 1px które służą jako komórki... i wszystko jest ok póki nazwa nie jest dłuższa niż szerokość komórki z nazwą, wtedy tabelka sie trochę wysypuje ... da się to jakoś rozwiązać ?

mortus

16.04.2012, 08:36:28

Pokaż HTML i ewentualnie CSS.

Elber

16.04.2012, 09:16:46

Kod

<div class="list">
<div class="id">1</div>
<div class="id">1</div>
<div class="name">Długa nazwa nazwa nazwa nazwa</div><div class="quantity">
</div><div class="small">
</div><div class="pr"></div>
<div class="action"></div>
</div>

Kod

div.list {
float: left;
width: 100%;
border-left: 1px solid black;
border-right: 1px solid black;
border-bottom: 1px solid black;
font-family: Tahoma;
font-size: 12px;
line-height: 30px;
}

i wszystkie div'y w div.list mają css:

Kod

div.id {
float: left;
width: 40px;
text-align: center;
border-right: 1px solid black;
}

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.