MozillaPL.org - polskie centrum Mozilli

autor: **Moby04** » 19 sierpnia 2006, 09:05

Witam! Wlasnie probuje zrobic kilka prostych stron internetowych (czlowiek uczy sie przez cale zycie

) ale trafilem na spory problem. Otoz po napisaniu 3 dokumentow html oraz jednego arkusza stylow css, z ktorego maja korzystac postanowilem to to wyprobowac. No i zaczely sie schody: Opera 9 wyswietla wszystko tak jak oczekiwalem. IE6 tez. Przegladarka wbudowana w edytor, ktorego uzywalem (kED 2.1.3.0) rowniez. Firefox styl calkowicie ignoruje i ni cholery nie wiem dlaczego. Co z tym robic?

autor: **Moby04** » 19 sierpnia 2006, 09:22

Dodam jeszcze ze zarowno html jak i css przeszly przez kontrole validatora - w css pojawily sie ostrzezenia jednak nie bylo zadnych bledow.

autor: **_Puma_** » 19 sierpnia 2006, 09:52

Może by tak mały kodzik jak dołączasz css do strony. Od dawna pracuje na FF, robię strony i jeszcze nie miałem problemów z czymś takim.

autor: **diablownik** » 19 sierpnia 2006, 10:14

Mamy wywróżyć Ci z fusów czy podasz nam kod?

autor: **Moby04** » 19 sierpnia 2006, 19:23

Fakt, moj blad. Mniejsza o tresc tego, co tam umiescilem. Uklad katalogow prawidlowy a adresy url podane w postaci wzglednej zgodnie z normami - adres arkusza stylow wzgledem polozenia pliku z kodem html, a adres grafik uzywanych jako tlo wzgledem polozenia samego arkusza. Nie sadze jednak zeby to byl problem poniewaz FF nie modyfikuje nawet polozenia poszczegolnych elementow. W kazdym razie oto zrodelka:

arkusz:
body {background: #8D8D8D url(../grafika/body2.gif) repeat;}

div#index{position:absolute; top:0px; left:0px;
background: #440039 url(../grafika/index2.jpg); }

#index a{display:block;}

div#content{position:absolute;
top:10px;
left:280px;}

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

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-16" />
<title>Przeczytane książki - Moby</title>
<link rel="stylesheet" type="text/css" href="../css/styl2.css" />
</head>
<body>
<div id="index">
<a href="../index.html">Strona początkowa</a>
<a href="karolina.html">Karolina</a>
<a href="moby.html">Moby</a>
</div>
<div id="content">
Moby przeczytał następujące pozycje:
<ol>
<li>Andrzej Pilipiuk - Kuzynki</li>
<li>Andrzej Pilipiuk - Księżniczka</li>
<li>Andrzej Pilipiuk - Dziedziczki</li>
<li>Andrzej Pilipiuk - Operacja Dzień Wskrzeszenia</li>
<li>Juliusz Jerzy Herlinger - Niezwykłe perypetie odkryć i wynalazków</li>
<li>Terry Pratchet - Kot w stanie czystym</li>
<li>Tom Clancy - Kolekcjoner</li>
<li>Jeremy Clarckson - Świat wg Clarcksona</li>
<li>Miroslav Zamboch - Bez litości</li>
</div>
</body>
</html>

ps. Pliki sprawdzone na dwoch komputerach z podobnym skutkiem.

autor: **diablownik** » 19 sierpnia 2006, 20:45

Gdybyś mógł jeszcze podać adres tej strony, to juz by było super :wink:

1. div#content - wystarczyłoby gdybyś napisał samo #content, bez div - też byłoby dobrze.
2. span class="tytuł" - nie widzę klasy "tytuł" w arkuszu, który podałeś. Poza tym nie powinno się używać polskich liter w nazwach klas, identyfikatorach itp.
3. Nie zamknąłeś tagu <ol> (nie wierzę, że to przeszło przez walidatora

)
4. Proponuję popracowanie nad wcięciami i spacjami w arkuszu CSS.
Na razie tylko tyle mi się rzuca na oczy.

Poza tym, temat powinien być w "Standardy WWW i źle działające strony", chyba że podejrzewasz jakiegoś buga w Firefoksie :wink:

Ale najpierw trzeba wykluczyć błędne działanie strony.

autor: **rafalzaq** » 19 sierpnia 2006, 21:34

A nie ma tu jakieś problemu z kodowaniem, że strona ma inne i styl też? Widziałem gdzieś, że takie coś powodowało błędny odczyt pliku ze stylami.

autor: **radek.kaba** » 20 sierpnia 2006, 05:29

Firefox styl całkowicie ignoruje...

Takie pytanie kontrolne: CTRL+F5 robiłeś ?

autor: **Stef** » 20 sierpnia 2006, 06:39

Moby04 pisze:Uklad katalogow prawidlowy

1: tego nie wiemy
2: dlaczego UTF-16?
3: czy wobec tego na pewno masz poprawne kodowanie w dokumencie?
4: co mówi konsola JavaScript?
5: skąd masz ten DTD?

autor: **diablownik** » 20 sierpnia 2006, 07:43

Twój Doctype: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/html1-transitional.dtd">

Prawidłowy Doctype: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
Różnica w jednej literce, a raczej jej braku, szkoda, że nie zauważyłem tego wcześniej.

Myślę, że kodowanie jest dobre, aczkolwiek jeśli nie masz potrzeby używania UTF-16, to lepiej byłoby UTF-8 wstawić :wink:

autor: **Moby04** » 20 sierpnia 2006, 21:23

Juz dziala. Co do znacznika konca listy to faktycznie ciekawe to ale validator lyknal. A blad byl w roznym kodowaniu (nie ustawilem kodowania arkusza) no i poprawienie literowki w deklaracji doctype pomoglo. W kazdym razie jeszcze raz dzieki za pomoc.

MozillaPL.org - polskie centrum Mozilli

Główne menu:

[XHTML/CSS] Arkusze stylów CSS w Firefox 1.5

[XHTML/CSS] Arkusze stylów CSS w Firefox 1.5

Re: problem z arkuszami CSS w Firefox 1.5 - pomocy

Kto jest online

Nawigacja:

Stopka: