Skocz do zawartości

Problem z wyświetleniem strony w firefox

Michał12

Przez Michał12
w HTML i CSS

Rekomendowane odpowiedzi

Michał12 Newbie

Michał12

Opublikowano
Opublikowano

Chciałem zrobić szablon strony używając css i jak otwieram go w IE to wyglada on tak jak chciałem, a jak w firefox to:

- strona jest przesunieta do dołu,

- napisy nie maja odpowiednich marginesów,

- nie ma "obrazków" przy poszczególnych linkach w liście no i cała lista linków też jest nienaturalnie przesunieta w prawo

Własciwie jedyne co działa tak jak jest zdefiniowane to to że po najechaniu na link zmienia sie kolor.

Co jest tego przyczyną ? Czy firefox inaczej czyta css niz IE ?

chodzi o strone www.smieszne.ugu.pl

Odnośnik do komentarza
Udostępnij na innych stronach
garyoldman Newbie

garyoldman

Opublikowano
Opublikowano

Powiedziałbym raczej że to IE źle interpretuje style CSS :) sprawdź jeszcze pod Operą bo tam też jest czasem inaczej... Jak robisz stronkę sprawdzaj na bierząco czy wszędzie wyświetla się tak samo bo potem jest dużo zabawy z tym.

PS

No i sprawdzaj w IE6 jak i IE7 bo tam też są spore różnice

Odnośnik do komentarza
Udostępnij na innych stronach
Michał12 Newbie

Michał12

Opublikowano
  • Autor
Opublikowano

Ale jak to IE źle interpretuje skoro robiłem u siebie na kompie (KED) i wyglądało to tak jak po wgraniu wygląda na IE a w firefox zupełnie inaczej :/

Da się wogóle coś zrobić żeby to w ff wyglądało tak jak w IE czy trzeba robić od nowa ?

Na innym forum znalazłem ze mam wyjść z trybu guirks i mi temat dali do kosza, a ja nie bardzo kapuje o co w tym chodzi. Wklejałem różne kody typu

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

Ale nic one nie zmieniają ( poza tym że w IE linki są niebieskie tak jak standardowo zaznacza się hiperłacza)

Odnośnik do komentarza
Udostępnij na innych stronach
yavaho Newbie

yavaho

Opublikowano
Opublikowano

Wiesz do czego służy DOCTYPE?

Aby poinformować przegladarkę w jakim standardzie zrobiona została strona.

Jeżeli nie wybierzesz żadnego, to przeglądarka wybierze sobie jakis swoj domyślny standard. I stąd te roznice ponieważ każda przeglądarka będzie inaczej interpretować style.

A po wybraniu jakiegoś standardu musisz się do niego jeszcze zastosować.

.

Odnośnik do komentarza
Udostępnij na innych stronach
Michał12 Newbie

Michał12

Opublikowano
  • Autor
Opublikowano

No dobra, to jaki mam dać standard żeby zrobiona strona była taka sama dla wszystkich przeglądarek ?

Zrobię ta stronę od nowa tylko chciałbym żeby efekt jaki będzie mi się wyświetlał na komputerze był potem taki sam w przeglądarkach ( wszystkich)

No i czy jak już wybiorę ten standard to potem znaczniki css są jakiś inne niż te czy porostu przesunięcia będą inne i na oko trzeba to robić używając tych samych znaczników

A i jeszcze jedno, co ma wspólnego ten DOCTYPE z tym że nie wyświetla mi sie obrazki przy liście w firefox no bo chyba styl listy odczytywany powinien być tak samo ?

Odnośnik do komentarza
Udostępnij na innych stronach
garyoldman Newbie

garyoldman

Opublikowano
Opublikowano

Niestety przeglądarka IE działa jak działa i nic na to nie poradzisz... można wysłać list z podziękowaniami do Microsoftu :)

Tworząc stronkę nie sprawdzaj w edytorze którego używasz a w co najmniej 4 ewentualnie 3 przeglądarkach czyli: IE7, IE6, FF3 ewentualnie Opera. Porównuj czy jest wszędzie to samo jak nie staraj się upodobnić na maxa. Stosować można różne "sztuczki" typu różne style dla różnych przeglądarek. Ale na razie myślę, że się bez tego obędzie.

Ja osobiście przeważnie na samym początku pliku css zeruje wszystkie marginy i paddingi bo i tak każda przeglądarka inne ma w domyślnych ustawieniach np dla <ul> czy <form> i ustawiam sobie potem po swojemu.

Z trójkącikami koło listy to masz np błąd ponieważ dajesz style dla ul, ul li {tutaj Twój style z obrazkiem} powinno być dla samego ul. To że akurat IE Ci to zinterpretował to przypadek :P

Odnośnik do komentarza
Udostępnij na innych stronach
yavaho Newbie

yavaho

Opublikowano
Opublikowano

Jaki standard wybierzesz, jest to obojetne. Ważne jest abyś jakiś wybrał i się do niego ustosunkował.

Np od rodzaju DOCTYPE m.in. różna wyjdzie całkowita szerokość bloku gdy dodamy te wartości:

width + padding + border

W przypadku gdy nie określisz padding i margin to przegladarka sama wybierze domyślne wartości.

Tak jak garyoldman zaproponował wyzeruj kilka wartości wstawiając na sam poczatek styli:

* {

padding:0;

margin:0;

border:0;

}

I to juz powinno wystarczyć aby na wszystkich przeglądarkach strona wygladała jednakowo.

.

Odnośnik do komentarza
Udostępnij na innych stronach
Michał12 Newbie

Michał12

Opublikowano
  • Autor
Opublikowano

Jeszcze mam jeden problem,

Zrobiłem ten to tak że wygląda tak samo na IE i firefox, obrazek w liście co prawda nie działał w żaden sposób wiec ustawiłem go jako tło i jest dobrze.

Ale problem jest jeszcze z tym cholernym linkiem. W firefox to wygląda dobrze, ale w IE cały czas link jest niebieski i podkreślony. I najdziwniejsze jest to że styl po najechaniu na link działa tak jak jest zdefiniowany ale przed najechaniem nie mogę go zmienić. I nie ma znaczenia jaki DOCTYPE mam bo przy każdym jest tak samo a zmieniałem już 7 razy

Udało się zrobić dobrze :)

Dodałem że styl visited i active ma być taki jak link i działa, ale nie wiem co to ma wspólnego bo na te linki nigdy nie klikałem wiec nie były ani active ani visited. Dziwny ten IE

Odnośnik do komentarza
Udostępnij na innych stronach

Zarchiwizowany

Ten temat przebywa obecnie w archiwum. Dodawanie nowych odpowiedzi zostało zablokowane.

Tematy

  • Ostatnio przeglądający   0 użytkowników

    • Brak zarejestrowanych użytkowników przeglądających tę stronę.
×
×
  • Dodaj nową pozycję...

Powiadomienie o plikach cookie

Umieściliśmy na Twoim urządzeniu pliki cookie, aby pomóc Ci usprawnić przeglądanie strony. Możesz dostosować ustawienia plików cookie, w przeciwnym wypadku zakładamy, że wyrażasz na to zgodę. Warunki użytkowania Polityka prywatności