Forum PHP.pl > tabela na divach (display:table-cell)

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: tabela na divach (display:table-cell)

Forum PHP.pl > Forum > Po stronie przeglądarki > CSS

kufalo

14.11.2008, 09:06:56

Witam:

Pod IE8, FF3, Safari3.2, Chrome, Konqueror
tresci w drugiej komorce spadaja na dol poszerzajac pierwsza komorke (czerwony pasek u dolu).
Wyjatek stanowi Opera9.6 ktora wyswietla to bardziej logicznie.

Ktore zachowanie jest prawidlowe, ewentualnie co jest nie tak w kodzie?

[HTML] pobierz, plaintext 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
 
<div style="display:table">
 <div style="display:table-row">
  <div style="display:table-cell;background:red">
   <div style="width:150px;height:150px;background:blue"></div>
  </div>
  <div style="display:table-cell;background:green">a<br/>b</div>
 </div>
</div>
[HTML] pobierz, plaintext

JoShiMa

14.11.2008, 10:13:10

A z jakiego powodu budujesz tabelkę z divów?

kufalo

15.11.2008, 12:27:25

Bo to fragment layout'u.
Znalazlem rozwiazanie: vertical-align:top

JoShiMa

15.11.2008, 23:53:58

Layout to nie tabela.

erix

16.11.2008, 18:04:12

Źle rozumiesz.

On chce wyświetlać tylko jako tabela, a nie robi tabeli.

Perfekcyjnie by było korzystać z display: table-cell w przypadku layów, ale IE tego nie rozumie... Wtedy nie trzeba by było kombinować z floatami/innymi mykami.

JoShiMa

16.11.2008, 22:07:37

Cytat(erix @ 16.11.2008, 20:04:12 )

Źle rozumiesz.

Naprawdę? Tytuł wątku brzmi "tabela na divach"...

erix

16.11.2008, 22:58:59

Tytuł może pomylił, ale z tego, co on napisał, to wyszło niby na moje.

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.