ďťż

[xhtml&CSS]problem z IE

       

Podstrony


telcocafe

napisł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" /> <script src="menu.js" type="text/javascript" language="javascript"></script> <script language="Javascript" type="text/javascript"> <!-- if(-1 != navigator.userAgent.indexOf("MSIE")) { document.write('<link rel="stylesheet" type="text/css" href="ie.css">'); } else { document.write('<link rel="stylesheet" type="text/css" href="stylesheet.css">'); } //--> </script> </head> <body> <table width="800" border="0" cellpadding="0" cellspacing="0" align="center"> <tr> <td colspan="3"> <img src="images/menu_gora_1.gif" width="542" height="24" alt="" /></td> <td id="menu_gora" colspan="3"> <div class="elements"> <a href="#" onclick= "this.style.behavior='url(#default#homepage)';this.setHomePage('http://nfssite.prv.pl' );"> Strona Startowa</a>&nbsp;|&nbsp; <a href="javascript:addbookmark()">Dodaj do Ulubionych</a> </div> </td> </tr> <tr> <td colspan="6"> <img src="images/logo.jpg" width="800" height="234" alt="" /></td> </tr> <tr> <td id="logowanie" colspan="6"> <div id="login"><form method="post" action="#"> <b>Login:&nbsp;<input type="text" name="login" size="15" maxlenght="25" class="pole_text" />&nbsp; Hasło:&nbsp;<input type="password" name="password" size="15" maxlength="25" class="pole_text" />&nbsp;</b> <input type="button" value="Zaloguj" name="login" class="submit" /> </form></div> </td> </tr> <tr> <td id="menu_lewe" valign="top" rowspan="2"> <table width="119" border="0" cellpadding="0" cellspacing="0" align="center"> <tr><td class="przycisk" onmouseover='onColor(this);' onmouseout='offColor(this)'><a href="#">lorem</a></td></tr> <tr><td class="odstep"></td></tr> <tr><td class="przycisk" onmouseover='onColor(this);' onmouseout='offColor(this)'><a href="#">lorem</a></td></tr> <tr><td class="odstep"></td></tr> <tr><td class="przycisk" onmouseover='onColor(this);' onmouseout='offColor(this)'><a href="#">lorem</a></td></tr> <tr><td class="odstep"></td></tr> <tr><td class="przycisk" onmouseover='onColor(this);' onmouseout='offColor(this)'><a href="#">lorem</a></td></tr> <tr><td class="odstep"></td></tr> <tr><td class="przycisk" onmouseover='onColor(this);' onmouseout='offColor(this)'><a href="#">lorem</a></td></tr> <tr><td class="odstep"></td></tr> <tr><td class="przycisk" onmouseover='onColor(this);' onmouseout='offColor(this)'><a href="#">lorem</a></td></tr> <tr><td class="odstep"></td></tr> <tr><td class="przycisk" onmouseover='onColor(this);' onmouseout='offColor(this)'><a href="#">lorem</a></td></tr> </table> </td> <td id="wyszukiwarka"> <div id="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" /> <input type="submit" name="sa" value="SZUKAJ" class="submit" /><br /> <input type="radio" name="sitesearch" value="www.nfssite.prv.pl" checked="checked" />&nbsp;www.nfssite.prv.pl <input type="radio" name="sitesearch" value="" />&nbsp;Internet<br /> </form> </div> </td> <td id="baner" valign="top" colspan="4"> <script language="Javascript" type="text/javascript" src="http://ads.revsci.net:80/adserver/rsiads.js"></script> <script language="Javascript" type="text/javascript"> rsi_pub = '98B8016B64B1A361A705EC2C52CB4B12'; rsi_site = '3028E0C6007BD31CC442DB44B772F20F'; rsi_width = '468'; rsi_height = '60'; rsi_color_border = 'ffffff'; rsi_color_cell = 'ffffff'; rsi_color_link = 'ff3300'; rsi_color_text = '000000'; rsi_color_url = '808080'; </script> <script language="Javascript" type="text/javascript" src="http://ads.revsci.net:80/adserver/rsiads.js"></script> </td> </tr> <tr> <td id="tresc" colspan="3"> lorem ipsum dolor lorem ipsun dolor lorem ipsun dolorssssss sssssss sssssssss ssssssss sssss </td> <td id="menu_prawe" colspan="2"> </td> </tr> <tr> <td> <img src="images/stopka_01.gif" width="119" height="25" alt="" /></td> <td id="footer" colspan="4"> <div class="elements"> Copyright 2005 by <a href="index.html"><b>NFSSITE.PRV.PL</b></a>. Hosting by <a href="http://www.byethost.com"><b> BYETHOST.COM</b></a></div> </td> <td> <img src="images/stopka_03.gif" width="119" height="25" alt="" /></td> </tr> <tr> <td> <img src="images/Odstęp.gif" width="119" height="1" alt="" /></td> <td> <img src="images/Odstęp.gif" width="212" height="1" alt="" /></td> <td> <img src="images/Odstęp.gif" width="211" height="1" alt="" /></td> <td> <img src="images/Odstęp.gif" width="99" height="1" alt="" /></td> <td> <img src="images/Odstęp.gif" width="40" height="1" alt="" /></td> <td> <img src="images/Odstęp.gif" width="119" height="1" alt="" /></td> </tr> </table> </body> </html>
i takiego CSSa
body { background : #cccccc; margin : 0; font-family : verdana, arial; } tr, td { font-size : 10px; color : #d7d7d7; } a { color : silver; text-decoration : none; } a:hover { color : white; text-decoration : underline; } img { border : 0; } #menu_gora { background-image : url(images/menu_gora_2.gif); height : 24px; width : 263px; } #logowanie { background-image : url(images/logowanie.jpg); height : 25px; width : 800px; text-align : right; } .submit { font-size : 9px; border : 1px solid black; cursor: pointer; } .submit:hover { background-color : #ffcc00; } .pole_text { font-size : 9px; background-image : url(images/form_tlo.jpg); color : #cccccc; border : 1px solid black; } #menu_lewe { background-color : #000000; width : 119px; font-size : 10px; color : #d7d7d7; } #wyszukiwarka { background-image : url(images/wyszukiwarka_tlo.jpg); width : 212px; height : 60px; } #search { font-size : 9px; color : #d7d7d7; margin-left : 10px; margin-top : 7px; position: fixed; height: -5px;; } #footer { background-image : url(images/stopka_02.gif); width : 562px; height : 25px; text-align : center; } #tresc { background-color : #cccccc; width : 521px; font-family : Verdana, Arial, Helvetica, sans-serif; font-size : 10px; color : #333333; } #menu_prawe { width : 160px; background-color : #000000; } .elements { margin-bottom : 7px; } .przycisk { width : 119px; padding-left : 10px; cursor: pointer; } .odstep { background-color : #666666; height : 1px; width : 119px; } #login { margin-top : 3px; margin-right : 10px; margin-bottom : -15px; height : 5px; }
pod FF i operą strona wygląda normalnie ale pod IE wystęują problemy z częscią zawierającą baner i wyszukiwarkę

link

co zrobić aby strona była wyświetlana poprawnie



napisz konkretnie o co chodzi bo u mnie w miarę normalnie to wygląda ;)

Wiesz...możesz mieć mały problemik. Bo niestety IE ma to do siebie, że z css nie za bardzo lubi współdziałać. A to co współdziała z IE może mieć problem na przykład pod FF. I tak w koło maciejów.

dlatego właśnie ma skrypt wczytujący różne CSS dla IE i innych przeglądarek. problem występuje bo komórka tabeli w której znajduje się wyszukiwarka rozwala się trochę w dół (mały błąd a razi)



ustaw margin i padding na 0px dla formy wyszukiwarki ;)

nie pomaga

to może spróbuj ustawić każdy margines z osobna a nie jeden ogólny...w sensie margin-left, margin-right, margin-top, margin-bottom. Może to coś da

a co to da
chyba tylko wydłużenie kodu...

Wydłużenie kodu na pewno. Ale czasami nadanie samego margin nie daje takiego samego efektu co nadanie każdego z osobna. Nie musisz się człowieku od razu burzyć

U mnie wygląda spox.... nic się nie rozjeżdża, a ni nic podobnego.... przy okazji chciałby pogratulować grafiki :D


Wydłużenie kodu na pewno. Ale czasami nadanie samego margin  nie daje takiego samego efektu co nadanie każdego z osobna. Nie musisz się człowieku od razu burzyć


Wydłużenie kodu na pewno. Ale czasami nadanie samego margin  nie daje takiego samego efektu co nadanie każdego z osobna. Nie musisz się człowieku od razu burzyć

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

  • Sitedesign by AltusUmbrae.