Mam taki oto problem. Zrobiłem stronę, w której użyłem skryptu, który w przypadku IE dopasowuje wszystkie 3 kolumny (tj. menu1, treść, menu2) do tej samej wysokości i każdy div jest na floatach. Jednak w przypadku innych przeglądarek użyte jest display: table-cell. Wejdźcie pod FF na tę stronę. W IE się to nie rozjeżdza!!! Natomiast w FF jak otworzy się inną kategorię, nie rozjeżdża się to. Krótko mówiąc w FF raz jest dobrze, a raz źle. Ale po ponownym odświeżeniu strony dopiero to śmiga. Błagam o pomoc!

Oto kod

  1. #body {height: 80px; background-color: #FFFFFF; display: table} // to jest "pojemnik" o szerokości przechowywanej w ciasteczkach
  2.  
  3. #header {width: 100%; height: 80px} // nagłówek
  4.  
  5. #wrapper_menu {width: 100%; display: table; border-top: 1px solid #C0C0C0; border-bottom: 1px solid #C0C0C0} // pojemnik na menu
  6. #menu_position {float: left; height: 80px; border-right: 1px solid #C0C0C0; font-family: verdana; font-size: 11px} // pozycje menu
  7. #menu_position_last {float: left; height: 80px; font-family: verdana; font-size: 11px} // ostatnia pozycja menu
  8.  
  9. // NO I TU PROBLEM
  10.  
  11. #wrapper {width: 100%; display: table} // pojemnik na menu1, treść, menu2
  12. #menu1 {width: 180px; display: table-cell; text-align: left; background: url('gfx/menu.jpg')}
  13. #menu2 {width: 180px; display: table-cell; text-align: left; background: url('gfx/menu.jpg')}
  14. #tresc {display: table-cell; text-align: left; background-color: #FFFFFF}
  15.  
  16. // NO I TU PROBLEM
  17.  
  18. #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?