MozillaPL.org - polskie centrum Mozilli

Główne menu:

Nie wiem co to moze byc. Css? Zle stosowane standardy?

Dyskusje na temat standardów WWW i zgłoszenia stron niedziałających poprawnie w przeglądarkach z rodziny Mozilli (w tym Mozilla Firefox)

Moderator: Pomocy?!

Nie wiem co to moze byc. Css? Zle stosowane standardy?

Postautor: morwo » 11 lutego 2005, 12:26

Przeglądarka: Mozilla/5.0 (Windows; U; Windows NT 5.1; pl-PL; rv:1.7.5) Gecko/20041108 Firefox/1.0

Witam, wiem, ze takich tematow jest sporo, probowalem znalezc ktorys, w ktorym jest poodbny problem, ale albo zle szukalem, albo takiego nie ma.

Stworzylem strone www, na poczatku tylko dla ie. Oprocz zwyklego html uzylem tylko styli css z pozycjonowaniem. Po wyslaniu na serwer oprocz tego, ze nie wyswietla sie tlo (czyli firefox chyba nie "rozumie" styli css, ktore znajduja sie w oddzielnym pliku), to cala strona z ramkami nie dziala poprawnie.

Natomiast na dysku, gdy otwieram stronke w firefoxie, plik z ramkami tez nie dziala za dobrze, tlo sie nie wyswietla. Ale pojedyncze pliki, ktore normalnie ladowne sa w ramki otwieraja sie normalnie i dzialaja (mam nadzieje, ze to napisalem w miare zrozumiale :P)

Moze poknocilem cos w standardach... nie wiem, prosze o pomoc. Zamieszcze jeszcze tutaj kilka kodow zrodlowych tej stronki.

Plik css:
Kod: Zaznacz cały
body {background: url(gfx/marb.jpg); background-attachment: fixed; scrollbar-3dlight-color:#6495ed; scrollbar-arrow-color:#6495ed; scrollbar-base-color:#; scrollbar-dark-shadow-color:#483d8b; scrollbar-face-color:#483d8b; scrollbar-highlight-color:#6495ed; scrollbar-shadow-color:#8a2be2}
P {font-size: 12pt; font-weight: normal; color: #000000; margin-top: 2cm; margin-right: 1cm; margin-bottom: 2cm; margin-left: 2cm}
A {text-decoration: none; color: #000000; font-weight: bold;}
H1 {font-size: 24pt}
H2 {font-size: 20pt}
H3 {font-size: 16pt}
H1, H2, H3 {font-weight: bold; color: #000000; font-face: Arial;}
TD {font-size: 12pt; font-weight: normal}
LI {font-size: 12pt; font-weight: normal}


index (nie dziala poprawnie nawet z dysku):
Kod: Zaznacz cały
<html>
<head>
</head>
<frameset rows="150,*" framespacing="0" frameborder="0">
 <frame name="gora" src="data\gora.htm" scrolling="auto" noresize marginwidth="15">
 <frame name="dol" src="data\start.htm" scrolling="auto" noresize marginwidth="15">
<noframes>
<body bgcolor="#000000" text="#ffffff">
Przepraszamy, ale ramki nie dzialaja w Twojej przegladarce.<br>
Sorry, but frames don't work with your browser.<br>
</body>
</noframes>
</html>


gora.htm (dziala w polowie poprawnie z dysku -- pozycjonowanie tylko nawalilo; ale gdy ladowany jest przez ramke z indexu juz nie dziala :/):
Kod: Zaznacz cały
<link rel="stylesheet" href="styl.css" TYPE="text/css">
<span id="Data" style="position: absolute; top: 120px; left: 800px; font-size: 10pt;
font-weight: bold; color: #ffffff; font-family: Arial, Verdana;"></span>
...
</head>
<body text="#ffffff" onload="czas()">
<div style="position: absolute; top= 40px; left= 335px; font-weight: bold; font-family: Arial; font-size: 22 px; color: #000000; background-color:#ffdd70"><center>&nbsp&nbsp&nbspWitamy na stonie internetowej&nbsp&nbsp&nbsp<br>&nbsp&nbsp&nbsprodziny Brzuchalskich!&nbsp&nbsp&nbsp</center></div>
<div style="position: absolute; top= 80px; left= 190px; font-weight: bold; font-family: Arial; font-size: 12px; color: #ffffff">Józef Brzuchalski<br> i Maria Marta zd. GLUGLA</div>
<div style="position: absolute; top= 120px; left= 200px; font-weight: bold; font-family: Arial; font-size: 12px; color: #000000; background-color: #ffdd70"><a href="start.htm" target="dol">>>Strona główna<<</a></div>
<div style="position: absolute; top= 120px; left= 320px; font-weight: bold; font-family: Arial; font-size: 12px; color: #000000; background-color: #ffdd70"><a href="losy.htm" target="dol">>>Losy rodziny<<</a></div>
<div style="position: absolute; top= 120px; left= 430px; font-weight: bold; font-family: Arial; font-size: 12px; color: #000000; background-color: #ffdd70"><a href="galeria.htm" target="dol">>>Galeria<<</a></div>
<div style="position: absolute; top= 120px; left= 510px; font-weight: bold; font-family: Arial; font-size: 12px; color: #000000; background-color: #ffdd70"><a href="konstrukcja.htm" target="dol">>>Księga gości<<</a></div>
<table border="0" rule="none" align="center" width="754" height="145" cellspacing="0" cellpadding="0">
<tr><td background="gfx/dziadkowie2.jpg" width="194" height="145"></td><td background="gfx/dziad2_2.jpg" width="125" height="145"></td><td background="gfx/dziad2_3.jpg" width="126" height="145"></td><td background="gfx/dziad2_4.jpg" width="108" height="145"></td><td background="gfx/dziad2_5.jpg" width="108" height="145"></td><td background="gfx/dziad2_6.jpg" width="107" height="145"></td>
</tr>
</table>
</body>
</html>


i start.htm (dziala poprawnie z dysku lecz nie dziala poprawnie, gdy ladowany jest do ramki):
Kod: Zaznacz cały
<html>
<head>
<link rel="stylesheet" href="styl.css" TYPE="text/css">
<meta http-equiv="content-type" content="text/html; charset=iso-8859-2">
</head>
<body text="#000000">
<table width="85%" border="0" rules="none" align="center" cellspacing="0" cellpadding="3">
 <tr><td align="center" bgcolor="#000000"><font style="font-weight: bold; font-size: 16px; font-family: Arial; color=#ffffff">Strona główna</font></td></tr>
</table>
<table width="85%" border="0" rules="none" align="center" cellspacing="0" cellpadding="0">
 <tr><td bgcolor="#ffdd70"><hr color="#000000" width="60%"><center><b>UWAGA!&nbsp</b>Strona w trakcie przebudowy, przepraszamy za ewentulane błędy.</center><hr color="#000000" width="60%"><p>Nazywam sie Hanna Heimann,<br>postanowiłam swego czasu odnaleźć jak najwięcej osób wywodzących się z rodziny Brzuchalskich. Jestem historykiem i tworzenie drzewa genealogicznego stało się z czasem moją wielką i namiętną pasją. Każdy, kto chciałbym wnieść coś do jego rozwoju i rozkwitu będzie tu mile widzany. Zapraszam wszystkich członków rodziny Brzuchalskich do wzajemnego poznawania się, a może i z czasem do nawiązania i podtrzymania kontaktów rodzinnych.<br> <br>A więc do dzieła!</p></td></tr>
<caption align="bottom"><font size="1" style="color: #ffffff">Copyright <a href="mailto:morwo@wp.pl">Andrzej Łukawszewski</a> (c) 2004-2444.
</table>
</body>
</html>


Z gory dzieki za wszelka pomoc :)

ps. Tutaj jest adres tej marnej stronki, jesli chcecie zobaczyc na inne kody i moze to Wam bardziej pomoze w pomocy mi :P www.brzuchalscy.family.webpark.pl
morwo
 

Re: Nie wiem co to moze byc. Css? Zle stosowane standardy?

Postautor: Domel » 11 lutego 2005, 12:41

Przeglądarka: Mozilla/5.0 (Windows; U; Windows NT 5.1; pl-PL; rv:1.7) Gecko/20040616

Oczywisice bledys jest bardzo duzo. Wiekszosc jest zwiazana z gramatyka wiec niema powodu zebys my sie bawili w parser skoro moze zrobic to walidator.
Tym sprawdzisz style http://jigsaw.w3.org/css-validator/
Tym sprawdzisz HTML http://validator.w3.org/
Walidatos powie Ci w ktorej linijce jest blad i poda przypuszczalne (!!!) rozwiazanie. Twoim zadaniem jest to wszystko poprawic i wtedy gdy strona juz bedzie sie walidowala a dalej nie bedze dzialac to napiszesz na forum co konkretnie niedziala i wspolnie to poprawimy.
Pamietaj jesli czegos nie wiesz to najpierw zajrzyj do specyfikacji
http://www.w3.org/TR/CSS2/
http://www.w3.org/TR/html401/

Co do ramek sprawa jest dosc oczywista uzywasz \ zamiast /
Domel
 
Posty: 2252
Z nami od: 14 kwietnia 2002, 19:10
Lokalizacja: Białystok

Postautor: morwo » 11 lutego 2005, 13:32

Przeglądarka: Mozilla/5.0 (Windows; U; Windows NT 5.1; pl-PL; rv:1.7.5) Gecko/20041108 Firefox/1.0

Domel pisze:Oczywisice bledys jest bardzo duzo. Wiekszosc jest zwiazana z gramatyka wiec niema powodu zebys my sie bawili w parser skoro moze zrobic to walidator.
Tym sprawdzisz style http://jigsaw.w3.org/css-validator/
Tym sprawdzisz HTML http://validator.w3.org/
Walidatos powie Ci w ktorej linijce jest blad i poda przypuszczalne (!!!) rozwiazanie. Twoim zadaniem jest to wszystko poprawic i wtedy gdy strona juz bedzie sie walidowala a dalej nie bedze dzialac to napiszesz na forum co konkretnie niedziala i wspolnie to poprawimy.
Pamietaj jesli czegos nie wiesz to najpierw zajrzyj do specyfikacji
http://www.w3.org/TR/CSS2/
http://www.w3.org/TR/html401/


Ok, dzieki wielkie. Moze to wszystko przez to, ze sie mecze w notatniku :P Juz dawno kolega mowil, zebym sobie skombinowal jakis ciekawy edytor ;) Jeszcze raz dzieki i sorki, ze zasmiecam forum takimi tematami :P

Domel pisze:Co do ramek sprawa jest dosc oczywista uzywasz \ zamiast /


Najgorsze jest to, ze tego nie zauwazylem :/ Taki glupi blad ;)
morwo
 

Postautor: cyberrus » 11 lutego 2005, 18:38

Przeglądarka: Mozilla/5.0 (Windows; U; Windows NT 5.1; pl-PL; rv:1.7.5) Gecko/20041108 Firefox/1.0

zainstaluj sobie rozszrzenie Web Developer - jedno z wygodniejszych narzędzi web-dev jakie oferuje FF - masz tam możliwość sprawdzenia poprawności kodu online i offline
cyberrus
 
Posty: 620
Z nami od: 31 maja 2004, 09:13

Postautor: morwo » 13 lutego 2005, 14:47

Przeglądarka: Mozilla/5.0 (Windows; U; Windows NT 5.1; pl-PL; rv:1.7.5) Gecko/20041108 Firefox/1.0

Ok. Dzieki wszystkim za pomoc. Sprawdzilem stronke Validerem i usunalem wazniejsze bledy. Usunalem tez pozycjonowanie za pomoca styli
Kod: Zaznacz cały
<div style="position: absolute; top= 25px; left=25px;">tekst</div>
gdyz wydaje mi sie, ze Mozilla-FF tego nie akceptuje, albo robie jakies bledy jesli chodzi o to. No ale usunalem to i stworzylem ramki w menu gornym. W Mozilli teraz stronka wyglada mniej wiecej tak jak chcialem. Ale znowu w IE sie wszystko skopalo. Co zrobic, zeby we wszystkich przegladarkach wygladala tak samo? :P Moze powinienem umiescic tam skrypt java, ktory sprawdzalby przegladarke i jesli to IE, wczytywalby specjalnie index.htm dla IE? :P Czy mozecie sprawdzic jak wyglada ta strona w innych przegladarkach niz IE i Mozilla-FF?

Podaje adres: http://www.brzuchalscy.family.webpark.pl

Dzieki.
morwo
 

Postautor: Domel » 13 lutego 2005, 14:56

Przeglądarka: Mozilla/5.0 (Windows; U; Windows NT 5.1; pl-PL; rv:1.7) Gecko/20040616

morwo pisze:Ok. Dzieki wszystkim za pomoc. Sprawdzilem stronke Validerem i usunalem wazniejsze bledy.

Nie chodzi o usuniecie "wazniejszych" bledow a usuniecie wszystkich bledow.

morwo pisze:Usunalem tez pozycjonowanie za pomoca styli
Kod: Zaznacz cały
<div style="position: absolute; top= 25px; left=25px;">tekst</div>
gdyz wydaje mi sie, ze Mozilla-FF tego nie akceptuje

W tym momencie podaly mi rece i nogi... Jak takiego gniona moze akceptowac jakakolwiek przegladarka? top= 25px lub left=25px; to sa jakies kosnicznie absurdalne bledy. Czy naprawde w nie widzisz cos z tym nie tak? Juz pomijajac, ze w kazdym kursie znajdziesz informcje ze budowa stylu wyglada tak: wlasnosc: wartosc. To jest w specyfikacji. Zreszta bez tego widac, ze position: absolute to skad fo cholery jest 5 milimetrow dalej takie cos top= 25px
Jesli dalej nie widzisz to informuje ze zamist rowna sie (=) powinien byc dwukropek (:).
Wybacz ale tak banalnych bledow poprostu robic nie mozna. Zreszta jakbys zwalidowal strone bo poprawil ten blad.

Druga sprawa trzmaj sie zdaleka od ramek. Bo nie ma ich w standardzie aktualnie obowiazujacym.

Zapoznaj sie rowniez z tym.

A jesli naprawde sobie z tym nie radzisz, uzyj jakiegos sensownego programu graficznego typu Nvu.
Domel
 
Posty: 2252
Z nami od: 14 kwietnia 2002, 19:10
Lokalizacja: Białystok

Postautor: morwo » 13 lutego 2005, 15:21

Przeglądarka: Mozilla/5.0 (Windows; U; Windows NT 5.1; pl-PL; rv:1.7.5) Gecko/20041108 Firefox/1.0

Domel pisze:
morwo pisze:Ok. Dzieki wszystkim za pomoc. Sprawdzilem stronke Validerem i usunalem wazniejsze bledy.

Nie chodzi o usuniecie "wazniejszych" bledow a usuniecie wszystkich bledow.


Hm.. ale nie rozumiem jednego, dlaczego przy sprawdzaniu jednego pliku Validator wyswietla blad, ze nie mam rozpoczetego <head>, a go zamykam </head>... kiedy 10 razy sprawdzalem i w zrodle jest <head>.

Domel pisze:W tym momencie podaly mi rece i nogi... Jak takiego gniona moze akceptowac jakakolwiek przegladarka? top= 25px lub left=25px; to sa jakies kosnicznie absurdalne bledy. Czy naprawde w nie widzisz cos z tym nie tak? Juz pomijajac, ze w kazdym kursie znajdziesz informcje ze budowa stylu wyglada tak: wlasnosc: wartosc. To jest w specyfikacji. Zreszta bez tego widac, ze position: absolute to skad fo cholery jest 5 milimetrow dalej takie cos top= 25px
Jesli dalej nie widzisz to informuje ze zamist rowna sie (=) powinien byc dwukropek (:).
Wybacz ale tak banalnych bledow poprostu robic nie mozna. Zreszta jakbys zwalidowal strone bo poprawil ten blad.

Druga sprawa trzmaj sie zdaleka od ramek. Bo nie ma ich w standardzie aktualnie obowiazujacym.

Zapoznaj sie rowniez z tym.


Heh, kurcze przepraszam Cie za niepotrzebny stres :P Pisalem posta w pospiechu i nie wkleilem tego kodu z pliku ale pisalem go "z glowy" i no akurat cos takiego sie stalo, ze napsialem "=" zamiast ":". Wydawalo mi sie to oczywiste, ze tam powinno byc ":"... a teraz sprawdzam moj pierwszy post w tym temacie i widze wyraznie ten blad o ktorym piszesz. Ja pierdziele, masz racje, takich ludzi jak ja powinno sie wybijac zanim wejda na tego typu fora. No ale ja niestety nie pisze strony po stronie, z kilku powodow, ktorych opisywanie tutaj byloby totalnie niepotrzebne. Caly czas sie ucze a najlepiej jest uczyc sie na bledach... no i czasami tego czego sam nie zauwaze, zauwazy inna osoba, tak jak Ty. Bardzo mi pomogly Twoje rady i linki od Ciebie no i dzieki za to, sorki jeszcze raz za to, ze dzialam na Ciebie jak czerwona plachta na byka :P

No coz... postaram sie dalej sam usunac wszystkie bledy, ktore wskazal Validator -- wg Twoich wskazowek :) ... swoja droga to wkurza, ze IE interpretowal do tego czasu caly czas dobrze wszystko jakby w ogole nie bylo bledow... troche to wkurzajace.
morwo
 

Postautor: Domel » 13 lutego 2005, 18:43

Przeglądarka: Mozilla/5.0 (Windows; U; Windows NT 5.1; pl-PL; rv:1.7) Gecko/20040616

morwo pisze:Nie chodzi o usuniecie "wazniejszych" bledow a usuniecie wszystkich bledow.

Poniewaz walidator html to nie sprawdzazczka bledow a parser. I jesli masz taka kombinacje znacznikow (ktora jest nie poprawna) i w danym miejscu powinnobyc zamkniecie danego znaczniuka (w Twoim wypadku <head>) to walidator odrazu pisze ze jest wymagane zamkniecie. Mozna to porownac do jednoprzebiegowego kompilatora ktory jak tylko napotka blad to informuje o nim i nie patrzy co jest dalej.

morwo pisze:sorki jeszcze raz za to, ze dzialam na Ciebie jak czerwona plachta na byka :P

Nie, nie ja i inni jestesmy tu aby pomagac :) ale wolimy, zeby bledy ktore mozna poprawic dzieki walidatorowi nie musialby byc przez nas robione. Bo to strata czasu zarowno dla nas jak i dla Ciebie (co masz czekac na odpowiedz to mozesz odrazu sprawdzic walidatorem). W sprawach gramatyki jezyka niczego wiecej sie nie dowiesz od nas niz walidatora, bo przeciez my nie mamy w oczach walidatora, tylko wchodzimy na validator.w3.org, sprawdzamy i odpowiednio reagujemy na bledy.
Co innego jesli sa to bledy logiczne, jakies sporne problemy (typu strona sie w 100% waliduje a jednak zle wyswietlana strona jest nadal). Tutaj automat nie pomoze a potrzebny jest czlowiek i tutaj widze nasz cel w pomocy.
Domel
 
Posty: 2252
Z nami od: 14 kwietnia 2002, 19:10
Lokalizacja: Białystok


Wróć do Standardy WWW i źle działające strony

Kto jest online

Zarejestrowani użytkownicy: Baidu [Spider], Bing [Bot], Google [Bot]

Przejdź do powiązanej strony

Nawigacja:

Stopka: