ďťż

[html|css] Strona źle wygląda w IE podczas gdy w Firefoxie jest ok (jak zawsze)

       

Podstrony


telcocafe

W firefox ramka z menu (u góry) bardzo się rozjeżdża i nie mogę sobie dać z tym rady :(

daję kod index.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <head> <meta name="Robots" content="all" /> <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-2" /> <link rel="stylesheet" href="styles.css" type="text/css"/> <meta http-equiv="Content-Language" content="pl" /> <meta name="Author" content="PiKey" /> <title>Start</title> <script type="text/javascript" src="scripts.js"></script> </head> <body> <table class="page" border="0"> <tr> <td class="blue" height="25"> <a href="?page=start">Start</a> | <a href="?page=login">Login</a> | <a href="?page=register">Rejestracja</a> | <a href="?page=rules">Regulamin</a> </td> <td rowspan="2" class="green"> <b>Ostatnio zalogowani:</b><br /> <table border="0"> <tr> <td>1. </td> <td><h1>Teddy</h1> ul. Słoneczna 7</td></tr> <tr> <td>2. </td> <td><h1>Michałek</h1> os. Rycerzy 2/15</td></tr> <tr> <td>3. </td> <td><h1>PiKey</h1> ul. WĹĄska 19</td></tr> </table> <br /><b>Najbogatsi:</b><br /> <table border="0"> <tr> <td>1. </td> <td><h1>PiKey</h1> 1,858,608$</td></tr> <tr> <td>2. </td> <td><h1>Michałek</h1> 1,740,659$</td></tr> <tr> <td>3. </td> <td><h1>Mruczek</h1> 980,587$</td></tr> </table> </td> </tr> <tr> <td class="blue" style="margin-top: 4px; width: 400px" id="page"> Tutaj możesz poczuć klimat prawdziwego życia.<br /> Kup nowe lub używane mieszkanie, znajd� pracę i zarabiaj na to, by być lepszym od swoich sĹĄsiadów.<br /> Spróbój swoich sił jako burmistrz miasta, czy nawet jako zwykły piekarz w sklepie na rogu.<br /> Wystarczy tylko dĹĄżyć do tego, by stać się milialderem lub supergwiazdĹĄ!<br /><br /> <a href="?page=login">Zaloguj</a> się lub <a href="?page=register">Zarejestruj</a></td> </tr> </table>

styles.css:
body { font-family: verdana; font-size: 12px; } .blue { border: 1px solid #1abcff; padding: 10px; background-image: url(images/bcg-blue.png); } h1 { font-size: 12px; font-family: tahoma; color:gray; margin: 0; } form { margin: 0; } .form th { font-weight: normal; text-align: right; } .form td input { width: 150px; } .green { border: 1px solid #1abcff; padding: 10px; background-image: url(images/bcg-green.png); } .page { overflow: hidden; } .page td { vertical-align: top; }

Bardzo proszę o pomoc!



Zaprzestan uzywania TABEL!!! Taka moja rada... Uzyj samych divow badz czasem list i wszystko bedzie cudownie...

Trochę to naciągane ale ja to tak bym rozwiązał:
tu gdzie jest:<td class="blue" height="25">
zostawiłbym tylko:<td class="blue">
a w CSS:.blue { border: 1px solid #1abcff; padding: 10px 10px 0px; background-image: url(images/bcg-blue.png); height:1px; }
nic innego mi nie przychodzi do głowy.

I dołączę się do słów przedmówcy, daruj sobie tabelki: http://osiolki.net/tabelki/

w takim razie pomoże mi ktoś przerobić ten kod na div'y, tak żeby wszystkie tabelki były równe?



Co to znaczy rozjezdza? To Opera Mini,wiec nie mogę sprawdzić kodu. Jezeli juz idzie na tabelki to czy próbowałeś używać cellpadding i cellspacing na zerze?


w takim razie pomoże mi ktoś przerobić ten kod na div'y
tak, pomoże: http://www.kurshtml.boo.pl
Użytkownik kutar edytował ten post 12 lipiec 2007, 11:15
Hej! Ja polecam zrobić to tak, jak ja: napisać cały kod od początku. Będziesz miał z tego same korzyści. Szybciej przepiszesz kod niżnauczysz się korzystać z div'ów. poza tym lepiej przyswoisz sobie html:-) nie zniechęcaj się. Ja przy takich problemach nieraz tracę wiele godzin, a zajmuję się stronami dwa lata :-)

Pozdrawiam


w takim razie pomoże mi ktoś przerobić ten kod na div'y, tak żeby wszystkie tabelki były równe?
Noooo ja też przeszedłem z tabel na divy (oj ciężko było) i zobacz to. Tylko że u mnie źle wygląda w firefox (to nic się kupy nie trzyma w firfox). A teraz jest wszystko tak jak trzeba w firefox i ie
Użytkownik aras16 edytował ten post 26 lipiec 2007, 08:44
  • zanotowane.pl
  • doc.pisz.pl
  • pdf.pisz.pl
  • nvm.keep.pl

  • Sitedesign by AltusUmbrae.