Źle wyglądające menu w IE


(Barthezz) #1

Stworzyłem coś takiego http://jarekb.xorg.pl/test/

W firefoxie wygląda tak jak tego oczekuję lecz w IE jest źle.

Jak poprawić menu żeby w IE wyglądało tak jak teraz w FF?


(dagetto) #2

Owierałem Twoj link Operą i IE 7 i wszystko wygląda ok.


(Barthezz) #3

mam ie 6 i wyświetla źle


(system) #4

u mnie też wszystko ok w IE7 i firefoxie


(Barthezz) #5

No dobrze wiedzieć, że pod tymi przeglądarkami jest dobrze ale pod IE 6 jest źle i to trzeba naprawić.


(Grzegorz Ch) #6

privand a cóż ty to opowiadasz, przecież IE7 też kaszani, porównajcie:

03bfb8e3fdcea5ab.jpg


(Szuman) #7

w pliku css masz:

#menu a

{

  display: block;

  position: relative;

  width: 100px;

  height: 24px;

  text-decoration: none;

  background-image: url(obrazki/bgmenu.gif);

  text-align:center;

  color:#FDF6E7;

  font-size: 13px;

}

a gdzie padding? nie dziw się, że różne przeglądarki różnie (po swojemu) interpretują toto. Na moje śpiące oko pasuje tam padding-top: 8px; i ewentualnie jakiś margin: 0px; tak czy inaczej kombinuj z tymi odstępami, możesz dorzucić też border: 0px;


(Barthezz) #8

Jeżeli tylko zrobię tam margin albo padding większe od zera to odstęp jeszcze bardziej się powiększa, w różnych miejscach próbowałem z tymi odstępami wpisując różne wartości i odstęp tylko się zwiększa. ( Jak ja nie lubię IE )


(system) #9

Zamiast

height: 24px;

daj

line-height: 24px;

(Barthezz) #10

Jest lepiej ale różnica jest ciągle widoczna.

Proszę spojrzeć teraz http://jarekb.xorg.pl/test