Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> tabela na divach (display:table-cell)
kufalo
post
Post #1





Grupa: Zarejestrowani
Postów: 251
Pomógł: 2
Dołączył: 24.08.2005

Ostrzeżenie: (0%)
-----


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?

  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  2.  
  3. <div style="display:table">
  4. <div style="display:table-row">
  5. <div style="display:table-cell;background:red">
  6. <div style="width:150px;height:150px;background:blue"></div>
  7. </div>
  8. <div style="display:table-cell;background:green">a<br/>b</div>
  9. </div>
  10. </div>
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi (1 - 6)
JoShiMa
post
Post #2





Grupa: Zarejestrowani
Postów: 1 374
Pomógł: 149
Dołączył: 1.03.2006

Ostrzeżenie: (0%)
-----


A z jakiego powodu budujesz tabelkę z divów?
Go to the top of the page
+Quote Post
kufalo
post
Post #3





Grupa: Zarejestrowani
Postów: 251
Pomógł: 2
Dołączył: 24.08.2005

Ostrzeżenie: (0%)
-----


Bo to fragment layout'u.
Znalazlem rozwiazanie: vertical-align:top
Go to the top of the page
+Quote Post
JoShiMa
post
Post #4





Grupa: Zarejestrowani
Postów: 1 374
Pomógł: 149
Dołączył: 1.03.2006

Ostrzeżenie: (0%)
-----


Layout to nie tabela.
Go to the top of the page
+Quote Post
erix
post
Post #5





Grupa: Moderatorzy
Postów: 15 467
Pomógł: 1451
Dołączył: 25.04.2005
Skąd: Szczebrzeszyn/Rzeszów




Źle rozumiesz. (IMG:http://forum.php.pl/style_emoticons/default/winksmiley.jpg)

On chce wyświetlać tylko jako tabela, a nie robi tabeli. (IMG:http://forum.php.pl/style_emoticons/default/tongue.gif)
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.
Go to the top of the page
+Quote Post
JoShiMa
post
Post #6





Grupa: Zarejestrowani
Postów: 1 374
Pomógł: 149
Dołączył: 1.03.2006

Ostrzeżenie: (0%)
-----


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

Naprawdę? Tytuł wątku brzmi "tabela na divach"...
Go to the top of the page
+Quote Post
erix
post
Post #7





Grupa: Moderatorzy
Postów: 15 467
Pomógł: 1451
Dołączył: 25.04.2005
Skąd: Szczebrzeszyn/Rzeszów




Tytuł może pomylił, ale z tego, co on napisał, to wyszło niby na moje. (IMG:http://forum.php.pl/style_emoticons/default/winksmiley.jpg)
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 26.09.2025 - 17:35