[Problem] z wyświetlaniem strony w różych przeglądarkach

Dla specjalistów Webmastering
#1

Witam,

mam problem z wyświetlaniem mojej strony w różnych przeglądarkach, w Chrome, Opera i Safari strona ładnie się wyświetla, a w Firefox, IE8 i Netscape strona ma błędy.

Ciasteczka były czyszczone:

link do strony: www.eko-info.yoyo.pl

Tam w treści strony jest znak “>”, ale to już z mojej winy.

Oto screeny:

Firefox:

http://odsiebie.com/pokaz/5312203—b72e.html

IE8 (tutaj to masakra):

http://odsiebie.com/pokaz/5312374—b09c.html

Netscape:

http://odsiebie.com/pokaz/5312522—21f5.html

Opera:

http://odsiebie.com/pokaz/5312679—1228.html

Safari:

http://odsiebie.com/pokaz/5312784—6012.html

Chrome:

http://odsiebie.com/pokaz/5312917—ec1c.html

W czym leży problem, jak to naprawić?

Proszę o odpowiedź

Pozdrawiam.

#2

Lepiej podaj bezpośrednie linki do screenów - więcej osób je obejrzy. Musisz zrobić oddzielne pliki css (komentarze warunkowe) dla IE poprawiające błędy.

#3

FF,IE,O wygląda tak samo. A nie wiem jak na screenach, bo nie chce mi się czekać na pliki bmp po 3,5 MB, gdzie w zamian mogłeś wrzucić jpg 100KB

#4

te linki już są bezpośrednie ;/

na css się nie znam, jakby mógł ktoś podać kod css to byłbym wdzięczny :slight_smile:

screeny robiłem przez painta, zaraz wam je prze upladuje na fotosika w *.jpg

@edit:

Firefox:

http://www.fotosik.pl/pokaz_obrazek/2ab … e6929.html

IE8:

http://www.fotosik.pl/pokaz_obrazek/a0e … 74bd9.html

Netscape:

http://www.fotosik.pl/pokaz_obrazek/bce … f1552.html

Opera:

http://www.fotosik.pl/pokaz_obrazek/56f … c7f1a.html

Safari:

http://www.fotosik.pl/pokaz_obrazek/f91 … f152f.html

Chrome:

http://www.fotosik.pl/pokaz_obrazek/78d … 85b35.html

Proszę bardzo :slight_smile:

#5

Nie ma uniwersalnego pliku CSS, musisz sam napisać albo znaleźć kogoś, kto to dla Ciebie zrobi.

#6

Na dobry początek zdefiniuj Doctype.

Później proponowałbym pozbycie się znaczników center, font i marquee.

#7

A więc tak:

Doctype:

chyba będzie pasował ? center czym zastąpić? może tym:

…

??

a fonty jak się pozbyć, css nie mam (bo nie umiem)?

marquee to skrypt żeby napis się przesuwały więc tego nawet nie mam czym zastąpić, chyba że zdefiniuje CSS (ale jak wspominałem nie umiem go, dopiero się uczę)

Proszę o pomoc.

#8

Witaj,

u mnie na XP pod ff (3.5.2), ie (8.0) i operą (9.64) grubsza jest tak samo, i chyba tak jak powinno być. Pamiętaj, że przy błędach w kodzie wygląd może się też zmieniać w zależności od systemu, pod którym pracują przeglądarki.

  1. Jeśli chodzi DOCTYPE to jest problem. Część kodu strony masz w html-u a część w xhtml-u. Jak chcesz zastosować HTML 4.01 to powinieneś pozmieniać przynajmniej to:

na

coś.coś

#9

czyli mam zrobić tak:

  1. wszystkie

zmienić na

  1. każde plik.jpg
#10

no tak,

tylko w przy ma być TAK:

…

[/code]

wyjaśnienie. tą komendą możesz formatować sobie czcionkę w zakresie pochylenia, grubości, wielkości i nazwy czcionki (kształtu):

italic lub normal - ustawiasz pochylenie czcionki (italic) lub nie (normal)

bold / normal - ustawiasz grubość czcionki (bold) lub nie (normal)

12px : wielkość czcionki w px - trzeba sobie dobrać

125% : wysokość lini w stosunku do wysokości czcionki

araial, verdana : nazwa / kształt czcionki - może być jedna, np. arial.

poczytaj więcej w manualach

I POPRAWKI RÓB PO KOLEI, SPRAWDZAJĄC EFEKTY, A NIE HURTEM… bo naprawdę masz nie najlepszy kod… :slight_smile:

#11

Dzięki wielkie, już zaczynam robić zmiany i zobaczymy co z tego wyjdzie.

P.S. A może byłbyś chętny pomóc od nowa napisać ten kod?

#12

Bezpośredni problem to te obrazki w inline, zmienisz na display:block i będzie dobrze. Mogę Ci napisać kod za kasę :wink:

#13

Za kase to nie :stuck_out_tongue:

a ten display:block to gdzie wstawić?

#14

Gdybyś pokazał kod html i css to może bym coś więcej napisał :wink: Ogólnie do tych obrazków które robią przerwę pod spodem, ale to moje domysły bo bez kodu to trudno stwierdzić dokładnie.

#15

_Puma_, napisz do mnie na gg:6559426 jeśli będziesz mógł to pogadamy. :slight_smile: