ďťż

problem z wyświetlaniem strony w różnych przeglądarkach

       

Podstrony


telcocafe

napisałem taki kod

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>NFSSITE.PRV.PL - serwis serii NFS - Strona Główna</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2" /> <meta name="Description" content="Serwis po¶więcony serii gier Need for Speed. Znajdziecie tu   recenzje gier, porady jak najlepiej przej¶ć grę, galerie, muzę i wiele innych. Dla desperatów kody, tipsy, trainery." /> <meta name="Keywords" content="slowa kluczowe" /> <meta http-equiv="Reply-to" content="d.kruczek@gmail.com; rafi_1991@gmail.com" /> <meta http-equiv="Content-Language" content="pl" /> <meta name="Author" content="dkruczek; rafi1991" /> <link rel="stylesheet" href="stylesheet.css" type="text/css" /> <link rel="shortcut icon" href="favicon.ico" /> </head> <body leftmargin="0" rightmargin="0" topmargin="0" bottommargin="0"  marginwidth="0" marginheight="0"> <table cellpadding="0" cellspacing="0"  align="center" style="height:100%;">  <tr>   <td valign="top" colspan="2">    <img src="logo.jpg" width="800" />   </td>  </tr>  <tr>   <td id="logowanie" name="logowanie" valign="top" colspan="2">    <div id="login" name="login">    <form method="post" action="authuser.php">    <b>Login:</b>&nbsp;<input type="text" name="login" class="pole_text" size="10"  maxlenght="25" />    &nbsp;<b>Hasło:</b>&nbsp;<input type="text" name="password" class="pole_text" size="10" maxlength="25" />    &nbsp;<input type="submit" name="submit" class="submit" value="Zaloguj" />    </form>    </div>   </td>  </tr>  <tr>   <td id="menu_lewe" name="menu_lewe" valign="top" align="left">   fesfh   </td>   <td id="strona" name="strona" valign="top" align="left" colspan="2">    <table cellpadding="0" cellspacing="0" align="center">    <tr>     <td height="62" align="left" valign="top" id="wyszukiwarka" name="wyszukiwarka">      <div id="search" name="search">      <form method="get" action="http://www.google.pl/custom" target="google_window">      <input type="hidden" name="domains" value="www.nfssite.prv.pl" />      <input type="text" name="q" size="20" maxlength="255" value="" class="pole_text" />&nbsp;      <input type="submit" name="sa" value="SZUKAJ" class="submit" /><br />      <input type="radio" name="sitesearch" value="www.nfssite.prv.pl" checked="checked" />      www.nfssite.prv.pl&nbsp;      <input type="radio" name="sitesearch" value="" />Internet      </form>      </div>      </td>     <td align="left" valign="top">     <A HREF="http://nfsu.pl/" TARGET="_blank">     <IMG SRC="http://nfsu.pl/bannery/banner-2.jpg" BORDER="0"ALT="NFSU.PL - Portal NFS Underground i Most Wanted">     </A>     </td>    </tr>    </table>   </td>  </tr> </table> </body> </html>
i taki css
body{ background: #CCCCCC; margin:0px; font-family:verdana,arial; } tr,td{ font-size:10px; color:#D7D7D7; } a{ color:white; text-decoration:underline; } a:hover{ color:silver; text-decoration:none; } .menu{ padding-top:4px; padding-left:10px; padding-right:7px; } .menu a{ color:#8F8F8F; text-decoration:none; } .menu a:hover{ color:#ffffff; text-decoration:none; } img { border:0px; } #logowanie { background-image: url(logowanie.jpg); width: 798px; height: 25px; text-align: right; border: 1px solid black; } #login { height: 2px; margin-right: 2px; position: relative; bottom: 6px; } .submit { font-size: 9px; border: 1px solid black; } .pole_text { font-size: 9px; background-image: url(form_tlo.jpg); color:#CCCCCC; border: 1px solid black; } #menu_lewe { background-color: #000000; width: 120px; font-size:10px; color:#D7D7D7; height: 100px; } #strona { background-color: #000000; width: 680px; heigt: 100px; } #wyszukiwarka { background-image: url(wyszukiwarka_tlo.jpg); width: 280px; height: 50px; } #search { font-size: 9px; color: #D7D7D7; margin-left: 10px; position: relative; height: 5px; }

problem pojawia się gdy chcę wyświetlić stronę w różnych przeglądarkach:
IE- strona cała rozłazi się do boków
Firefox- pola tekstowe są za wysoko i włażą na inne komórki tabeli
Opera- wszystko jest OK

proszę o pomoc co zrobić aby strona była wyświetlana poprawnie?

sorry za troche długi temat ;)
Użytkownik dawid.kruczek edytował ten post 23 listopad 2005, 14:57


Najpierw sprawdź zgodność swojej strony z przyjętymi wymogami, bo jak patrze to Twoja strona ma aż 18 błędów.

Link do validatora: http://validator.w3.org/

Jeśli chodzi o pola tekstowe w FF, to w css daj height i width.

Sugeruję, żebyś zamiast "width: 100%" w tabelce głównej, dał np. "width: 740px". Może pomoże :)


sorry za troche długi temat
to wstawiaj kody w codebox, a nie code ;)

validator wykrrywa jakieś dziwne błędy (coś mu z cudzysłowami nie odpowiada chociaż są dobrze)


Jeśli chodzi o pola tekstowe w FF, to w css daj height i width.

Sugeruję, żebyś zamiast "width: 100%" w tabelce głównej, dał np. "width: 740px". Może pomoże :)
to wstawiaj kody w codebox, a nie code  ;)



Jakie masz IE??? Wiem, że w chyba 5.0 są takiebłędy. W kilku nrach Eksperta było o CSSach i było też o kruczkach na inne przegladarki.

ogólnie nie korzystam z IE ale mam wersję 6


validator wykrrywa jakieś dziwne błędy (coś mu z cudzysłowami nie odpowiada chociaż są dobrze)

  • zanotowane.pl
  • doc.pisz.pl
  • pdf.pisz.pl
  • nvm.keep.pl

  • Sitedesign by AltusUmbrae.