Oto kod
#body {height: 80px; background-color: #FFFFFF; display: table} // to jest "pojemnik" o szerokości przechowywanej w ciasteczkach #header {width: 100%; height: 80px} // nagłówek #wrapper_menu {width: 100%; display: table; border-top: 1px solid #C0C0C0; border-bottom: 1px solid #C0C0C0} // pojemnik na menu #menu_position {float: left; height: 80px; border-right: 1px solid #C0C0C0; font-family: verdana; font-size: 11px} // pozycje menu #menu_position_last {float: left; height: 80px; font-family: verdana; font-size: 11px} // ostatnia pozycja menu // NO I TU PROBLEM #wrapper {width: 100%; display: table} // pojemnik na menu1, treść, menu2 #menu1 {width: 180px; display: table-cell; text-align: left; background: url('gfx/menu.jpg')} #menu2 {width: 180px; display: table-cell; text-align: left; background: url('gfx/menu.jpg')} #tresc {display: table-cell; text-align: left; background-color: #FFFFFF} // NO I TU PROBLEM #footer {width: 100%; border-top: 1px solid #C0C0C0; border-bottom: 1px solid #C0C0C0; display: table}
Pod IE działa OK, bo zrobiłem na floatach i mam skrypt wyrównujący kolumny. Ale nie mogę na FF zrobić na floatach, bo ten skrypt do wyrównywania kolumn nie zadziała. Może coś z tymi display: table pokopałem?