Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [CSS] Problem z display table cell
Forum PHP.pl > Forum > Przedszkole
prototype
Mam taki o to problem, ze nie chce mi to dzialac poprawnie, chodzi mi o taki uklad:

|xxxxxxxxxx|
|yyyyyy|zzzz|

Czy ktos ma pomysl co jest tu zle?:
  1. <div style="width: 500px;">
  2. <div style="width: 100%; display: table; table-layout: fixed;">
  3. <div style="display: table-row; width: 100%;">
  4. <div style="display: table-cell; vertical-align: top; background: lime; width: 100%;">
  5. x
  6. </div>
  7. </div>
  8. <div style="display: table-row; width: 100%;">
  9. <div style="display: table-cell; vertical-align: top; background: red; width: 66.2%;">
  10. y
  11. </div>
  12. <div style="display: table-cell; vertical-align: top; background: yellow; width: 33.33%;">
  13. z
  14. </div>
  15. </div>
  16. </div>
  17. </div>

https://jsfiddle.net/4jowofeg/
trueblue
https://jsfiddle.net/4jowofeg/1/
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.
Invision Power Board © 2001-2025 Invision Power Services, Inc.