MozillaPL.org - polskie centrum Mozilli

Główne menu:

[html/css]Rozjeżdżanie się strony www w FF

Jak tworzyć strony WWW zgodnie ze standardami

Moderator: Pomocy?!

[html/css]Rozjeżdżanie się strony www w FF

Postautor: yolek » 09 września 2009, 18:07

Przeglądarka: Mozilla/5.0 (Windows; U; Windows NT 5.1; pl; rv:1.9.1.2) Gecko/20090729 Firefox/3.5.2 (.NET CLR 3.5.30729)

Mam problem. W IE wszystko działa w FF niestety wszystko się rozjeżdża... Strona oparta na ramkach pływających. Oto kody:

index.html

Kod: Zaznacz cały
<html>

<head>
<meta name="keywords" content="zsz, nasielsk, szkoła ¶rednia, szkoła, liceum, technikum, zespół szkół zawodowych w nasielsku, zawodówka, ekonomik, handlówka">
<meta name="description" content="Strona Zespołu Szkół Zawodowych w Nasielsku">
<title>Zespół Szkół Zawodowych w Nasielsku</title>

</head>

<body background="b4.gif">




<iframe width="690" height="90" frameborder="0" scrolling="no" align="center" src="obraz.html">Oops! Twoja przegl±darka nie akceptuje pływaj±cych ramek!</iframe>

<br><br><br>

<img src="logo.gif" align="left"/>

<iframe width="800" height="90" frameborder="0" scrolling="no" align="center" src="logo.html">Oops! Twoja przegl±darka nie akceptuje pływaj±cych ramek!</iframe>

<br><br><br><br><br>
<iframe width="175" height="355" frameborder="0" scrolling="no" align="left" src="menu.html">Oops! Twoja przegl±darka nie akceptuje pływaj±cych ramek!</iframe>
<iframe width="1050" height="657" frameborder="0" scrolling="yes" align="center" src="glowna.html">Oops! Twoja przegl±darka nie akceptuje pływaj±cych ramek!</iframe>
</body>
</html>


obraz.html
Kod: Zaznacz cały
<html>
<head>
<meta name="keywords" content="zsz, nasielsk, szkoła ¶rednia, szkoła, liceum, technikum, zespół szkół zawodowych w nasielsku, zawodówka, ekonomik, handlówka">
<meta name="description" content="Strona Zespołu Szkół Zawodowych w Nasielsku">
<title>Zespół Szkół Zawodowych w Nasielsku</title>
</head>
<body background="b4.gif">

<img src="s0.jpg">
</html>


logo.html

Kod: Zaznacz cały
<html>
<head>
<meta name="keywords" content="zsz, nasielsk, szkoła ¶rednia, szkoła, liceum, technikum, zespół szkół zawodowych w nasielsku, zawodówka, ekonomik, handlówka">
<meta name="description" content="Strona Zespołu Szkół Zawodowych w Nasielsku">
<title>Zespół Szkół Zawodowych w Nasielsku</title>

<style type="text/css">

   h1
   {
   font-family: fantasy;
   color: green;
   text-indent: 100px;
   letter-spacing: 1mm
</style>
</head>

<body background="b4.gif">
<h1 align="right">Zespół Szkół Zawodowych w Nasielsku</h1>

</body>
</html>


menu.html

Kod: Zaznacz cały

<html>
<head>
<meta name="keywords" content="zsz, nasielsk, szkoła ¶rednia, szkoła, liceum, technikum, zespół szkół zawodowych w nasielsku, zawodówka, ekonomik, handlówka">
<meta name="description" content="Strona Zespołu Szkół Zawodowych w Nasielsku">
<title>Zespół Szkół Zawodowych w Nasielsku</title>
<META HTTP-EQUIV="content-type" CONTENT="text/html; CHARSET=iso-8859-2">
<META NAME="konwerter" CONTENT="Ogonki97 1.3">

<style type="text/css">

a:link, a:visited
   {
   color: maroon;
   text-decoration: none;
   cursor: hand;
   font-size: x-small;
 
   font-family: Arial, Helvetica, fantasy;
   }
a:hover
   {
   color: red;
   text-decoration: underline;
   cursor: hand;
   font-size: x-small;
 
   font-family: Arial, Helvetica, sans-serif;
   }
a:active
   {
   color: olive;
   text-decoration: underline;
   cursor: hand;
   font-size: x-small;
 
   font-family: Arial, Helvetica, sans-serif;
   }
table
   {
   background-image: url(b4.gif);
   border-top-style: dashed;
   border-bottom-style: dashed;
   border-left-style: dashed;

   border-right-style: dashed
   }
caption
   {
   font-size: small;
   font-family: Verdana;
   color: olive;
   font-weight: 600
   }
</style>
</head>

<body background="b4.gif">

<table>
<caption align="top">Menu</caption>
<tr>
<td>
<a target="glowna.html" href="aktualnosci.htm">- Aktualno¶ci</a><br>
<a target="glowna.html" href="historia.htm">- Historia szkoły</a><br>
<a target="glowna.html" href="kadra.htm">- Grono pedagogiczne</a><br>
<a target="_blank" href="Samorzad/samorzad.htm">- Samorz±d uczniowski</a><br>

<a target="glowna.html" href="kierunki_ksztalcenia.htm">- Kierunki kształcenia</a><br>
<a target="glowna.html" href="rekrutacja.htm">- Rekrutacja</a><br>
<a target="glowna.html" href="dokumenty.htm">- Dokumenty</a><br>
<a target="_blank" href="podreczniki.html">- Wykaz podręczników 2009/2010</a><br>
<a target="glowna.html" href="klub_ekonomisty.htm">- Klub Młodego Ekonomisty</a><br>
<a target="glowna.html" href="klub_europejski.htm">- Klub Europejski</a><br>
<a target="glowna.html" href="Europejski/socrates.htm">- Socrates Comenius</a><br>
<a target="glowna.html" href="foto.htm">- Foto galeria</a><br>
<a target="glowna.html" href="Kalendarium/kalendarz_imprez.htm">- Kalendarium</a><br>
<a target="glowna.html" href="kontakt.htm">- Kontakt</a><br>
<a target="glowna.html" href="http://www.cke.edu.pl/index.php?option=content&task=view&id=91&Itemid=93">- Matura 2009</a><br>
<a target="glowna.html" href="zebr.htm">- Zebrania rodzicielskie</a><br>

<a target="glowna.html" href="wyGD3.htm">- Z życia szkoły</a><br>

</td>
</tr>
</table>
</body>

</html>


glowna.html

Kod: Zaznacz cały
<html>

<head>
<meta name="keywords" content="zsz, nasielsk, szkoła ¶rednia, szkoła, liceum, technikum, zespół szkół zawodowych w nasielsku, zawodówka, ekonomik, handlówka">
<meta name="description" content="Strona Zespołu Szkół Zawodowych w Nasielsku">
<title>Zespół Szkół Zawodowych w Nasielsku</title>

<style type="text/css">

  p
  {
  text-align: center;
  font-size: larger;
  font-family: Trebuchet MS, Georgia, sans-serif;
  color: #66AAFF;}
  h2
  {
  text-align: center;
  font-size: x-larger
  font-family: Georgia, sans-sefir;
  color: olive;}
  h4
  {
  text-align: center;
  font-family: Verdana;
  color: black;}
 
 
</style>

</head>

<body background="b4.gif">
<br>
<br>
<center><img src="linia.gif"/></center>

<br><br>
<p>„W wychowaniu chodzi o to,
ażeby człowiek stawał się coraz bardziej
człowiekiem; o to, ażeby bardziej był,
a nie tylko więcej miał; aby więc poprzez
wszystko, co ma, co posiada, umiał
bardziej i pełniej być człowiekiem, to
znaczy, ażeby również umiał bardziej
być nie tylko z drugimi, ale i dla drugich”
<br><br>
Jan Paweł II</p>
<br><br>

<center><img src="linia.gif"/></center>
<br>
<center><img src="rysunek.jpg"/></center>
<br><br><br>
<h2>Gimnazjalisto!</h2>
<center><img src="linia.gif"/></center>
<h4>Chcesz dobrze zdać maturę, zdobyć atrakcyjny zawód,
rozwinąć swoje zainteresowania: wybierz jeden z kierunków jakie proponuje:</h4>


</body>
</html>



Przepraszam, że to tak dużo zajmuje, ale potrzebuje pomocy bo chciałbym, żeby strona była mobilna pod inne przeglądarki.

Dziękuję i pozdrawiam Kamil
yolek
 

Postautor: Tomek » 09 września 2009, 18:40

Przeglądarka: Mozilla/5.0 (X11; U; Linux x86_64; pl; rv:1.9.1.2) Gecko/20090810 Ubuntu/9.10 (karmic) Firefox/3.5.1

1. brak DOCTYPE - więc to nawet nie są strony internetowe. obstawiam więc że problem tkwi w tzw. boxmode i jego interpretacji przez IE
2. podaj adres - nikt nie będzie wrzucał na serwer/w pliki i sprawdzał za ciebie - łatwiej nam będzie poprawiać na kodzie który jest gdzieś dostępny.
3. http://mozillapl.org/forum/about-11979.html - tu masz wszystko co potrzebne do poprawienia strony
4. z doświadczenia -jeśli coś wyświetla się "poprawnie" w IE a w Fx nie - to błąd tkwi w kodzie. IE do wersji 8.0 ma raczej dość ubogą obsługę HTML, na dodatek dość specyficzną i niezgodną z rekomendacjami. Fx natomiast ma jedną z lepszych i dokładniejszych "interpretacji".
5. a teraz najgorsze - przeoraj tą stronę i napisz ją na nowo. W końcu macie tam klasę matematyczno-informatyczną - warto by się zainteresować czymś nowszym i mądrzejszym niż ramki (tu masz dlaczego ramki to idiotyczne rozwiązanie: http://pornel.net/ramki ). Strona jest na tyle prosta że można ją rozwiązać za pomocą php i funkcji include (+ewentualnie case). Kod wygląda jakby wyszedł z jakiegoś frontpage/worda i został tylko lekko poprawiony. Przestarzałe znaczniki (center czy align).

A na początek spełnij pkt. 2 :) - bo teraz nawet nie wiemy co może być nie tak...
"Mym sojusznikiem jest Moc, i potężnym sojusznikiem ona jest." -- Mistrz Yoda
Tomek
Moderator
 
Posty: 9041
Z nami od: 19 sierpnia 2004, 06:52

Postautor: yolek » 09 września 2009, 19:22

Przeglądarka: Mozilla/5.0 (Windows; U; Windows NT 5.1; pl; rv:1.9.1.2) Gecko/20090729 Firefox/3.5.2 (.NET CLR 3.5.30729)

Czyli cała praca na marne i trzeba zaczynać od nowa... niestety tak to jest jak się posłucha "informatyków" że pływające ramki są najlepsze na tego typu witryny i wszystko muszę zaczynać od zera...
yolek
 

Postautor: Tomek » 09 września 2009, 19:36

Przeglądarka: Mozilla/5.0 (X11; U; Linux x86_64; pl; rv:1.9.1.2) Gecko/20090810 Ubuntu/9.10 (karmic) Firefox/3.5.1

Kto ci powiedział takie bzdury? Pływające ramki to koszmar stron internetowych.
proponuję poczytać jakiś dobry kurs html, albo zaryzykować instalację prostego cms (polecam polskie dzieło: www.smod.pl)
"Mym sojusznikiem jest Moc, i potężnym sojusznikiem ona jest." -- Mistrz Yoda
Tomek
Moderator
 
Posty: 9041
Z nami od: 19 sierpnia 2004, 06:52

Postautor: yolek » 09 września 2009, 19:40

Przeglądarka: Mozilla/5.0 (Windows; U; Windows NT 5.1; pl; rv:1.9.1.2) Gecko/20090729 Firefox/3.5.2 (.NET CLR 3.5.30729)

Czyli jak uważasz mam to całe usunąć i zacząć od nowa czy jakoś to przerobić?
yolek
 

Postautor: Tomek » 09 września 2009, 19:42

Przeglądarka: Mozilla/5.0 (X11; U; Linux x86_64; pl; rv:1.9.1.2) Gecko/20090810 Ubuntu/9.10 (karmic) Firefox/3.5.1

Poczytaj o prostych cms w google - to chyba najłatwiejsze rozwiązanie (smod jest tylko jednym z przykładów).
jeśli chcesz robić ręcznie - proponuję kurshtml.boo.pl oraz dowolny kurs podstaw php.
"Mym sojusznikiem jest Moc, i potężnym sojusznikiem ona jest." -- Mistrz Yoda
Tomek
Moderator
 
Posty: 9041
Z nami od: 19 sierpnia 2004, 06:52

Postautor: Gość » 09 września 2009, 19:47

Przeglądarka: Mozilla/5.0 (Windows; U; Windows NT 5.1; pl; rv:1.9.1.2) Gecko/20090729 Firefox/3.5.2 (.NET CLR 3.5.30729)

Dzięki za rade. Chyba zrobię to ręcznie. Kurs boo mam opanowany gorzej z php, ale jakoś sobie poradzę dzięki.
Gość
 

Postautor: Tomek » 10 września 2009, 05:33

Przeglądarka: Mozilla/5.0 (X11; U; Linux x86_64; pl; rv:1.9.1.2) Gecko/20090810 Ubuntu/9.10 (karmic) Firefox/3.5.1

Kurs boo mam opanowany

Patrząc na ten kod mam bardzo spore wątpliwości - użycie ramek i przestarzałych znaczników od których ten kurs ostrzega wielkimi czerwonymi ramkami....
"Mym sojusznikiem jest Moc, i potężnym sojusznikiem ona jest." -- Mistrz Yoda
Tomek
Moderator
 
Posty: 9041
Z nami od: 19 sierpnia 2004, 06:52


Wróć do Tworzenie stron WWW

Kto jest online

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

Przejdź do powiązanej strony

Nawigacja:

Stopka: