Problem z wyświetlaniem div'ów


(Yaras) #1

Witam. Podczas tworzenia strony napotkałem na taki oto problem. Firefox wyświetla stronę nie tak, jakbym chciał, natomiast (paradoksalnie) IE wyświetla ją poprawnie. zdaję sobie sprawę, że to najczęściej niedopracowanie IE powoduje błędne wyświetlanie strony, stąd pytam gdzie jest błąd w moim kodzie.

oto efekt:

ievfffk6.jpg

Chcę uzyskać w Firefox'ie efekt z IE.

kod html:

...

folder.png

  • Lorem
  • sit amet
  • consectetur
  • adipisicing
  • elit
  • eiusmod
  • tempor
  • incididunt
  • labore
  • dolore
  • magna
  • aliqua

więcej

... [/code] plik css:
[code]div.submenu_left { width: 150px; } div.submenu_left div.title{ background: url('../img/submenu_top.png'); height: 24px; } div.submenu_left div.content{ background: url('../img/submenu_center.png') repeat-y; height: auto !important; height: 100px; } div.submenu_left div.bottom{ background: url('../img/submenu_bottom.png'); height: 25px; }
wydaje mi się, że błąd znajduje się gdzieś w sekcji div.submenu_left div.content {...}, ale nie wiem co dokładnie. po usunięciu linii

height: auto !important;

	height: 100px;

w obu przeglądarkach efekt jest taki, jak w Firefox'ie na załączonym obrazku.

z góry dziękuję za pomoc, yaras.


(system) #2

Dodaj to tej usuniętej linii :

min-height: 100px;

i sprawdź teraz. Przypominam też o zerowaniu margin/padding na początku stylów :

* { margin: 0; padding: 0; }

(Yaras) #3

dzięki, pomogło.