Forum webmasterów

mam pytanie odnośnie prawidłowego wyświetlania się stron w różnych przeglądarkach. Moja strona prawidłowo jest widoczna w explorer a np w mozila nie. Jak temu zaradzic? czy istnieje jakis "magiczny" kod, po ktorym wszystkie przegladarki wiedzą co robić i nie kombinują?
proszę o wskazówki,
pozdrawiam!

Magiczny kod jest opisany na http://www.w3.org a poprawność sprawdzisz na validator.w3.org . Potem trzeba zwykle dorobić jeszcze kilka hacków, żeby explorer robił to co trzeba i nie kombinował, ale zwykle powinno być wszystko oki.

PS. czy ktoś mi wytłumaczy, czemu bbcode validator.w3.org nie działa?

virptor, może daj przedrostek www. lub http:// lub http://www.

czy to znaczy, ze procz wpisanie kodu skryptu w sekcje head bede musiala odpowiednio zmodyfikowac każdą stronę? :-/ jeśli tak to straszne...

wchodzisz tutaj: http://validator.w3.org/ w tym pierwszy formularzu na tej stronie wpisujesz adres swojej stronki, i on ci wyświetli wszystkie błedy... te błedy trzeba poprawić... i rzecz jasna na wszystkich stronach trzeba poprawić wszystkie błedy.
poza tym niektóre skrypty JS nie wyświetlają się we wszystkich przeglądarkach...

dzieki, skorzystam z tego na pewno, tylko to chodzi o poprawność wyświetlania w róznych przeglądarkach a nie ogólnie poprawność kodów html. znalazlam dość spry skrypt, po którym zastosowaniu strona odswieza sie jak szalona... ufff.. może jakoś dam rade - w kazdym razie dzieki serdeczne za pomoc!

Pozwole wtrącić swoje trzy grosze: wojna przeglądarek (głównie IE i Netscape) i związana z tym częsta konieczność webmasterów przystosowywania stron do mniej lub bardziej nieujednoliconych zasad wprowadzonych przez producentów przeglądarek, była głownym motorem powstania dzisiejszych Standardów Sieciowych (ang. Web Standards) - zbioru zunifikowanych zasad i języków tworzenia stron WWW (takich jak XHTML, CSS, DOM czy ECMAScript). Trzymanie się standardów sieciowych w projektowaniu stron daje bardzo dużą pewność, że strona będzie poprawnie wyświetlana w dwóch, obok IE, najpopularniejszych w naszym kraju przeglądarkach - Firefox (także Mozilla) oraz Opera, które to w prawie pełnym stopniu wspierają te standardy, a także tych wszystkich, które wspierają je na tym samym lub nawet wyższym poziomie.

Problem pojawia się przy produkcie Micro$oftu - żadna wersja IE nie wspiera standardów i wiele wskazuje na to, że tak pozostanie (choć Micro$oft zapewnia, że będzie inaczej, jednak działanie pierwszej wersji beta IE7 nie pozwala w to wierzyć). Na szczęście mądrzy ludzie wymyślili i nadal wymyślają tzw. hacki, o których wspomniał viraptor. Dzięki nim wygląd strony w badzIEwiu można w znacznym stopniu upodobnić do zamierzonego. Zawsze też można zaserwować mu inny arkusz stylów, tak jak zrobili to autorzy serwisu osiolki.pl - zbioru polskich stron, które do standardów, delikatnie mówiąc, mają bardzo daleko.

jestem amatorka w budowaniu stron i predzej to robie na wyczucie niz pewnie mieszcze sie w standardach.
Stig czy w takim razie powinnam wstawiac np. cos takiego pod kazda strone?(pozwole sobie zalaczyc skrypt)
<script language="JavaScript">
<!--
if(-1 != navigator.userAgent.indexOf("MSIE"))
{
// Internet Explorer
document.write('<link rel="stylesheet" type="text/css" href="ie.css">');
}
else if (-1 != navigator.userAgent.indexOf("Mozilla"))
{
// Netscape
document.write('<link rel="stylesheet" type="text/css" href="nc.css">');
}
else
{
// other
document.write('<link rel="stylesheet" type="text/css" href="inny.css">');
}
//-->
</script>

jestem amatorka w budowaniu stron i predzej to robie na wyczucie niz pewnie mieszcze sie w standardach.
Stig czy w takim razie powinnam wstawiac np. cos takiego pod kazda strone?(pozwole sobie zalaczyc skrypt)
<script language="JavaScript">
<!--
if(-1 != navigator.userAgent.indexOf("MSIE"))
{
// Internet Explorer
document.write('<link rel="stylesheet" type="text/css" href="ie.css">');
}
else if (-1 != navigator.userAgent.indexOf("Mozilla"))
{
// Netscape
document.write('<link rel="stylesheet" type="text/css" href="nc.css">');
}
else
{
// other
document.write('<link rel="stylesheet" type="text/css" href="inny.css">');
}
//-->
</script>

tylko to chodzi o poprawność wyświetlania w róznych przeglądarkach a nie ogólnie poprawność kodów html.

gdy poprawisz kod zgodnie z validatorem powinna się dobrze wyświetlac (w większości:)).. no chyba że masz jakieś tam skrypty JS, które nie zawsze się wyświetlają dobrze:)

jestem amatorka w budowaniu stron i predzej to robie na wyczucie niz pewnie mieszcze sie w standardach.
Stig czy w takim razie powinnam wstawiac np. cos takiego pod kazda strone?(pozwole sobie zalaczyc skrypt)
<script language="JavaScript">
<!--
if(-1 != navigator.userAgent.indexOf("MSIE"))
{
// Internet Explorer
document.write('<link rel="stylesheet" type="text/css" href="ie.css">');
}
else if (-1 != navigator.userAgent.indexOf("Mozilla"))
{
// Netscape
document.write('<link rel="stylesheet" type="text/css" href="nc.css">');
}
else
{
// other
document.write('<link rel="stylesheet" type="text/css" href="inny.css">');
}
//-->
</script>

ewentualnie odnosnie calej strony cos takiego?
http://webmaster.helion.pl/kurshtml/skrypt/skrypt.htm

martas pisze:Stig czy (...) powinnam wstawiac np. cos takiego pod kazda strone? (...)

Tego typu sposób jest sens zastosować w przypadku, gdy chciałabyś utworzyć dwa arkusze stylów - pierwszy, poprawny dla wszystkich przeglądarek wspierających standardy, drugi dla IE. Inna sprawa, że to samo działanie można uzyskać dzięki prostszemu, lepszemu i efektywniejszemu rozwiązaniu (takiemu jak na stronie Osiołków). Nie wydaje mi się jednak, żeby był to "magiczny kod", o który pytałaś

martas pisze:ewentualnie odnosnie calej strony cos takiego?
http://webmaster.helion.pl/kurshtml/skrypt/skrypt.htm

Nie wiem, o który skrypt chodzi. Podaj adres strony w ramce.

martas pisze:jestem amatorka w budowaniu stron i predzej to robie na wyczucie niz pewnie mieszcze sie w standardach.

Wierz mi - każdy z nas kiedyś zaczynał swoją przygodę z tworzeniem stron internetowych, każdy był w tym "newbie". Aby robić coś dobrze nie można robić tego "na wyczucie". Przeczytaj jakiś dobry kurs, może kup porządną książkę. Odwiedź stronę W3C, przejrzyj specyfikacje. Przeglądnij dział "Webstandards" na WI. Poszperaj w internecie. Czytaj artykuły, tutoriale. Pogłębiaj swoją więdzę. Pamiętaj, że zawsze możesz zadać nam jakieś pytanie. Za każdym razem postaramy się pomóc .

BTW, fajnie byłoby, gdybyś następnym razem przykład kodu zamieszczała korzystając z BBCode: "Code". W znacznym stopniu poprawia to czytelność wiadomości i pomaga wprowadzić jako taki porządek na forum

PS. Potrójny post!? Przycisk Ci się zaciął? Jakby przypadkiem pojawił się tu jakiś mod to prosiłbym dwa z nich usunąć

if(-1 != navigator.userAgent.indexOf("MSIE"))

Nie radze używać czegoś takiego. Złapie się na to np. Opera reklamująca się jako ie, albo inna przeglądarka z odpowiednim plug-inem. Staraj się raczej najpierw napisać stronę w pełni zgodną ze standardami, a później dopiero kombinować z tym co trzeba. Zwykle ogranicza się to tylko do dodania kilku linijek do css'a, a w najgorszym wypadku dopiero (nieczęste okazje) trzeba dodawać hacki (zresztą zwykle opisane w sieci - np. gilotyna, podwójny margines i inne).
Nie ma żadnych "magicznych skryptów" które poradzą na wszystkie dolegliwości, jeśli podstawowy kod nie będzie ok.

Validator sprawdza tylko poprawność kodu pod względem zgodności z wybranym standardem, ale nie zasze musi być to kod poprawny semantycznie i to także należy wziąść pod uwagę. Zrobiłem stronę na warstwach w XHTML 1.1, przeszła przez validator, a mimo wszystko pod Operą nadal się kaszaniła i trzeba było poprawiać. Validator nie daje 100% pewności nawet w przeglądarkach zgodnych ze standardem.