ďťż

[html] Błędne wyświetlanie strony w IE

Podstrony

telcocafe

Zmieniłem kod mojej strony, chcąc dodać drugie menu po prawej stronie. W Mozilli Firefox wszystko wyświetla się dobrze, jednak w Internet Explorer menu po prawej stronie spycha tekst na środku na dół strony i znajduje się na jego miejscu (czyli po środku). Możliwe, że coś pomieszałem w kodzie, jestem początkującym webmasterem. PROSZĘ O POMOC. Oto kod:
<html> <head> <META HTTP-EQUIV="Content-type" CONTENT="text/html; charset=iso-8859-2"> <META NAME="Language" CONTENT="pl"> <body bgcolor="black" BOTTOMMARGIN="0"> <title>www.zagubieni24.yoyo.pl</title> <link rel="stylesheet" href="style.css" type="text/css"></head><body><center> <body style="cursor: url('kursor.cur')">  <script TYPE="text/javascript" LANGUAGE="Javascript" SRC="pics.js"></SCRIPT> <table width=750 border=0 cellpadding="0" cellspacing="0" bordercolor=black><td><center> <table width=750 border=0 cellpadding="0" cellspacing="0"><td width=230> <font size=1 face=verdana color=white>     <b> www.zagubieni24.yoyo.pl</td><td width=500><div align=right> <font size=1 face=verdana color=white><b> <script language="VBS"> Call DataIGodzina Sub DataIGodzina document.Write "</b>Dziś jest:<b> "& Date() &" " End Sub </SCRIPT> | <script TYPE="text/javascript" LANGUAGE="Javascript" SRC="imieniny.js"></SCRIPT> <script>  </SCRIPT></font> </td></table> <img src="logo.jpg" width="765" height="160"> <a href="index.php"><img src="menup/glowna.gif" border="0" alt="Strona główna" /></a> <a href="serial.html"><img src="menup/serial.gif" border="0" alt="O Serialu" /></a> <a href="pomysl.html"><img src="menup/pomysl.gif" border="0" alt="Pomysł" /></a> <a href="Tajemnice.html"><img src="menup/tajemnice.gif" border="0" alt="Tajemnice" /></a> <a href="Odcinki.html"><img src="menup/info.gif" border="0" alt="Informacje" /></a> <a href="Aktorzy.html"><img src="menup/bohaterowie.gif" border="0" alt="Bohaterowie" /></a> <a href="Opisym.html"><img src="menup/odcinki.gif" border="0" alt="Odcinki" /></a> <a href="Dharma.html"><img src="menup/stacje.gif" border="0" alt="Stacje" /></a> <a href="GALERIA.html"><img src="menup/galeria.gif" border="0" alt="Galeria" /></a><br> <table width=750 border=0 cellpadding="0" cellspacing="0"><tr> <td width=160 bgcolor=black valign=top height=20><td width=20 bgcolor=black></td><td width=405 background=top.jpg></td><td width=152 bgcolor=black></td></tr><tr> </table> <iframe name="menu" src="menu.html" width="177" height="1000" noresize scrolling="no" FRAMEBORDER="0" MARGINWIDTH="0" MARGINHEIGHT="0" align="left"></iframe> <table align="left" width="435" height="1000"> <td width=20 background=to.jpg></td> <td background="tlo.JPG" valign=top>  <SPAN STYLE="font-family: Arial; font-size: 13" color=white><br><center> <br> <B><font size=2 face=courier new color=white></font></b></font><font color=white> </center><div align=justify> <center><b><p font="Arial">>: WITAJ</p></b></center> <IMG SRC="bohaterowie/dh.JPG" alt="" align="left">Witaj rozbitku. Trafiłe¶ wła¶nie na <b>www.zagubieni24.yoyo.pl</b> Jest to strona na któr± nik nie trafia przypadkiem - to <em>LOST</em> Jeżeli lepiej poznasz stronę to odkryjesz tajemnice serialu, opisy bohaterów, tapety, opisy odcinków. Dlatego zapraszam na tę stronę. Każdy kto tu wejdzie stanie się jednym z rozbitków LOST <b><p font size="25">>: ZAGUBIENI W TELEWIZJI</b><br> <font size="1"><b>CZYLI KIEDY 4 SEZON</b></font></p> <img src="logo/abc.PNG"> - 04x01 "" (Jack) - 31.01.2008 o 21:00 - Czwartek <br> <img src="logo/axn1.JPG"> - 04x01 "" (Jack) - 2008 <bR> <img src="logo/tvp1.GIF"> - Brak informacji - najprawdopodobniej wrzesień 2008<br> <br> <p><b>>: NEWSY - CZYLI NOWO¦CI ZE ¦WIATA ZAGUBIENI LOST.</b><br> <font size="1"><b>ZAPRASZAM DO DODAWANIA KOMENTARZY</b></font> <?PHP $number = "4"; include("cutenews/show_news.php"); ?> <center> <a href="http://www.forumweb.pl"><img src="http://www.forumweb.pl/nominacja.jpg" alt="Konkurs WWW - www.forumweb.pl" width="120" height="60" style="border: 0" /></a> <br> <a href="http://www.interia.pl" target="_blank"><img src="http://img.interia.pl/dobrestrony/88x31_gold.gif" border="0" /></a><br> <br></center> </td><td width=15 background=to2.jpg></td> <iframe name="bok"src="bok.html" width="153" height="1000" noresize scrolling="no" FRAMEBORDER="0" MARGINWIDTH="0" MARGINHEIGHT="0" align="right"></iframe> <table> <td width=730 height=85 background="tlo1.GIF"> <p> <a href="http://www.stat24.com" target="_blank"><img src="http://www.stat24.com/logo/logoWhite.gif" width="90" height="26" align="right" style="border:0px" alt="web stats stat24" /></a>  <script type="text/javascript">  </script> <iframe src="http://counters.stat24.com/statcnt.html?type=4/id=.Kfo27.cgC3bB6xYPfmE_f2kpb2SLh3VfO.jsqXtrrn. d7/time=0/data=1/lang=pl" align="right" width=88 height=31 scrolling="no" frameborder="0"></iframe> </table> </center></body></html> </table> <br><br><br> </script>

Pierwsze na co zwróciło moje krytyczne oko uwage to FATALNY KOD HTML.

Niezamknięta sekcja <head>

2 razy otwarcie <body>
<td> nie umieszczone w <tr> tylko w tabeli bezposrednio
Nie trzymanie się okreslania parametrow w taki sposób

nazwa_parametru="wartosc"

Zamykasz tabele i sekcje po zamykającym tagu HTML?!?!?!

Jak poprawisz to jak należy poprawnie to zgłoś się wtedy bo takiego bałaganu to raczej nikt za ciebie nie posprząta. I polecam www.kurshtml.boo.pl

Chwilkę posiedziałem i "na szybko" ogarnąłem Ci kod.<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <META HTTP-EQUIV="Content-type" CONTENT="text/html; charset=iso-8859-2"> <META NAME="Language" CONTENT="pl"> <title>www.zagubieni24.yoyo.pl</title> <link rel="stylesheet" href="style.css" type="text/css"> </head> <body bgcolor="black" style="cursor: url('kursor.cur'); margin-bottom: 0px;"> <center>  <script TYPE="text/javascript" LANGUAGE="Javascript" SRC="pics.js"></script> <table width=750 border=0 cellpadding="0" cellspacing="0" style="border: 1px solid black;"> <tr><td><center> <table width=750 border=0 cellpadding="0" cellspacing="0"><tr><td width=230> <font size=1 face=verdana color=white>     <b> www.zagubieni24.yoyo.pl </b></font> </td><td width=500> <div align=right> <font size=1 face=verdana color=white> <script language="VBS" type="text/vbs"> Call DataIGodzina Sub DataIGodzina document.Write "Dzis jest:<"&"b> "& Date() &"</"&"b> " End Sub </script> | <script TYPE="text/javascript" LANGUAGE="Javascript" SRC="imieniny.js"></script> <script type="text/javascript"></script></font> </div> </td></tr></table> <img src="logo.jpg" width="765" height="160" alt=""> <a href="index.php"><img src="menup/glowna.gif" border="0" alt="Strona główna"></a> <a href="serial.html"><img src="menup/serial.gif" border="0" alt="O Serialu"></a> <a href="pomysl.html"><img src="menup/pomysl.gif" border="0" alt="Pomysł"></a> <a href="Tajemnice.html"><img src="menup/tajemnice.gif" border="0" alt="Tajemnice"></a> <a href="Odcinki.html"><img src="menup/info.gif" border="0" alt="Informacje"></a> <a href="Aktorzy.html"><img src="menup/bohaterowie.gif" border="0" alt="Bohaterowie"></a> <a href="Opisym.html"><img src="menup/odcinki.gif" border="0" alt="Odcinki"></a> <a href="Dharma.html"><img src="menup/stacje.gif" border="0" alt="Stacje"></a> <a href="GALERIA.html"><img src="menup/galeria.gif" border="0" alt="Galeria"></a><br> <table width=750 border=0 cellpadding="0" cellspacing="0"><tr> <td width=160 bgcolor=black valign=top height=20></td> <td width=20 bgcolor=black></td> <td width=405 style="background-image: url(top.jpg);"></td> <td width=152 bgcolor=black></td> </tr></table> <iframe name="menu" src="menu.html" width="177" height="1000" scrolling="no" FRAMEBORDER="0" MARGINWIDTH="0" MARGINHEIGHT="0" align="left"></iframe> <table align="left" width="435"><tr> <td width=20 style="background-image: url(to.jpg);"></td> <td valign=top style="color: white;background-image: url(tlo.JPG);">  <div STYLE="font-family: Arial; font-size: 13; color:white;" align=justify><br> <br> <B><font size=2 face="courier new" color=white></font></b> <center><p style="font-family:Arial"><b>>: WITAJ</b></p></center> <IMG SRC="bohaterowie/dh.JPG" alt="" align="left">Witaj rozbitku. Trafiłeś właśnie na <b>www.zagubieni24.yoyo.pl</b> Jest to strona na którą nik nie trafia przypadkiem - to <em>LOST</em> Jeżeli lepiej poznasz stronę to odkryjesz tajemnice serialu, opisy bohaterów, tapety, opisy odcinków. Dlatego zapraszam na tę stronę. Każdy kto tu wejdzie stanie się jednym z rozbitków LOST <p><font size="25"><b>>: ZAGUBIENI W TELEWIZJI</b></font><br> <font size="1"><b>CZYLI KIEDY 4 SEZON</b></font></p> <img src="logo/abc.PNG" alt=""> - 04x01 "" (Jack) - 31.01.2008 o 21:00 - Czwartek <br> <img src="logo/axn1.JPG" alt=""> - 04x01 "" (Jack) - 2008 <br> <img src="logo/tvp1.GIF" alt=""> - Brak informacji - najprawdopodobniej wrzesień 2008<br> <br> <p><b>>: NEWSY - CZYLI NOWOŚCI ZE ŚWIATA ZAGUBIENI LOST.</b><br> <font size="1"><b>ZAPRASZAM DO DODAWANIA KOMENTARZY</b></font></p> <?PHP $number = "4"; include("cutenews/show_news.php"); ?> <center> <a href="http://www.forumweb.pl"><img src="http://www.forumweb.pl/nominacja.jpg" alt="Konkurs WWW - www.forumweb.pl" width="120" height="60" style="border: 0"></a> <br> <a href="http://www.interia.pl" target="_blank"><img src="http://img.interia.pl/dobrestrony/88x31_gold.gif" border="0" alt=""></a><br><br> </center> </div> </td> <td width=15 style="background-image: url(to2.jpg);"></td> </tr></table> <iframe name="bok"src="bok.html" width="153" height="1000" scrolling="no" FRAMEBORDER="0" MARGINWIDTH="0" MARGINHEIGHT="0" align="right"></iframe> <table> <tr><td width=730 height=85 style="background-image: url(tlo1.GIF);"> <p> <a href="http://www.stat24.com" target="_blank"><img src="http://www.stat24.com/logo/logoWhite.gif" width="90" height="26" align="right" style="border:0px" alt="web stats stat24"></a>  <script type="text/javascript">  </script></p> <iframe src="http://counters.stat24.com/statcnt.html?type=4/id=.Kfo27.cgC3bB6xYPfmE_f2kpb2SLh3VfO.jsqXtrrn. d7/time=0/data=1/lang=pl" align="right" width=88 height=31 scrolling="no" frameborder="0"></iframe> </td></tr> </table> </center></td></tr> </table> </center> </body> </html>
Teraz już widzisz ewentualne braki/błędy.

Aha, oducz się stosowania skryptów VBS, gdyż właściwie to jedynie IE jakoś sobie z nimi radzi. Używaj JSa ;)
Poza tym, jak coś zaczynasz pisać, to kończ to, bo było wiele niezamkniętych tagów oraz takich, które są błędnie zamknięte lub umieszczone nieprawidłowo (np. element blokowy w tekstowym).

Pozdrawiam.

edit@polasek: nie wiem czy zauważyłeś, ale wystarczy trochę dobrych chęci i kilka(naście) poświęconych minut by pomóc człowiekowi. A ty napisałeś co wiedziałeś i skończyłeś. Nijak się to ma (no może trochę ;)) do sensu problemu :P
Byś napisał, że przez liczne błędy w kodzie strona na różnych przeglądarkach wygląda inaczej lub coś podobnego.
Poza tym, sekcja HEAD była zamknięta, a wielokrotnie używane BODY nie jest błędem. Błędem jest zła kolejność ich umieszczania. Szkoda, że tego nie wiesz :P Poza tym, własności właściwość=wartość także nie jest błędem.
To jest HTML, a nie XHTML w pełni zgodne ze strict-owymi standardami. Poczytaj sobie o tym :P I może o SGMLu także :P
PS Ciekawe dlaczego nie zjechaliście go, że stosuje IFRAME i tabele. Przecież to przeżytek -.- //ja nie mam nic przeciwko :)
Użytkownik DJ_ProG edytował ten post 29 grudzień 2007, 17:11
Bardzo dziękuję za pomoc.

Sitedesign by AltusUmbrae.

Darmowy hosting zapewnia PRV.PL