W tym artykule prezentuję 3 warte uwagi porady dotyczące projektowania szablonów XHTML/CSS.
- Faux Columns
- Wysokości box'ów w szablonach 2- i 3-kolumnowych
- Poprawa wyświetlania kolumn poprzez JS
http://www.alistapart.com/articles/fauxcolumns/ [ANG] - artykuł opisujący koncepcję wykorzystywania "zmyślonych kolumn" (Faux Columns) dla poprawy wyświetlania wysokości div'ów. Patent opiera się na wykorzystaniu obrazka jako tła dla nadrzędnego kontenera na całej szerokości:
background: #ccc url(../images/bg_birch_800.gif) repeat-y 50% 0;
http://www.positioniseverything.net/articles/onetruelayout/equalheight [ANG] - problem równej wysokości box'ów w layout'ach 2- i 3-kolumnowych:
#block_1, #block_2, #block_3 {
padding-bottom: 32767px;
margin-bottom: -32767px;
}
#wrapper {
overflow: hidden;
}Autor(zy) tymczasowo nie polecają stosowania tego rozwiązania, gdyż stwierdzono błędy.
http://www.projectseven.com/tutorials/css/pvii_columns/index.htm [ANG] - skrypt napisany w JavaScript poprawiający problem wyświetlania kolumn.