Pomoc - Szukaj - U¿ytkownicy - Kalendarz
Pe³na wersja: [PHP] Problem z IE..rozwala stronê..
Forum PHP.pl > Forum > Przedszkole
mihipoznan
11.06.2008, 18:07:56
Mam stronę gdzie znajduje się formularz dodawania ofert do bazy i pod firefoxem wszystko ładnie pięknie a pod IE rozwala całą stronę.. wie ktoś dlaczego ? Przecież IE obsługuje css..

zdjecia:

FIREFOX
http://img210.imageshack.us/img210/4163/firefoxhz3.jpg

IE:
http://img186.imageshack.us/img186/2237/ieie5.jpg

kod strony wygląda tak:
[PHP] pobierz, plaintext 
  1. <?php
  2. session_start();
  3. ?>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  5. <dłuuugi skrypt java>
  6. <script type="text/javascript">
  7. function nowe_okno() {
  8. okno = window.open("laduj.php","laduj","toolbar=no, height=200px, width=400px");
  9. }
  10. function zamknij_okno() {
  11. okno.close();
  12. }
  13. </script>
  14. <script type="text/javascript">
  15. function nowe_okienko() {
  16. okienko = window.open("usunobrazek.inc","usuwanie","toolbar=no, height=200px, width=400px");
  17. }
  18. function zamknij_okienko() {
  19. okienko.close();
  20. }
  21. </script>
  22. <table class="color" style=" margin: 0 auto">
  23. <tbody>
  24. <td class="bok2">
  25. <form method="post" action="index1.php?url=7" name="formularz">
  26. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  27. <table>
  28. <tr>
  29. <td style=" width: 150px; text-align: left">Nazwa firmy:</td>
  30. <td style=" width: 150px; text-align: left">
  31. <?php echo ucwords($HTTP_SESSION_VARS['login']); $value= (isset($_POST['login'])) ? $_POST['login'] : ''; ?>
  32. <td rowspan="5" class="bok3"><?
  33.  
  34. $connection = mysql_connect("localhost","x","x");
  35. 	echo "<img height='81' width='92' src=".$HTTP_SESSION_VARS['name']."/></a>"
  36. ?>
  37. </td>
  38. </tr>
  39. <tr>
  40. <td style=" width: 300px; text-align: left">Imie i nazwisko: </td>
  41. <td style=" width: 150px; text-align: left">
  42. <?php echo ucwords($HTTP_SESSION_VARS['imie']); $value= (isset($_POST['imie'])) ? $_POST['imie'] : ''; ?>
  43. </tr>
  44. <tr>
  45. <td style=" width: 300px; text-align: left">E-mail: </td>
  46. <td style=" width: 150px; text-align: left;">
  47. <?php echo ucwords($HTTP_SESSION_VARS['email']); $value= (isset($_POST['email'])) ? $_POST['email'] : ''; ?> 
  48. </tr>
  49. <tr>
  50. <td style=" width: 150px; text-align: left">Typ transakcji: &bull;</td>
  51. <td style=" width: 150px; text-align: left">
  52. <INPUT TYPE="radio" NAME="typ" VALUE="1" CHECKED >Kupno &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp
  53. <INPUT TYPE="radio" NAME="typ" VALUE="0">SprzedaĹĽ
  54. </td>
  55. </tr>
  56. <tr>
  57. <td style=" width: 150px; text-align: left">WojewĂłdztwo:	  &bull;</td>
  58. <td style=" width: 150px; text-align: left">
  59. <?php echo ucwords($HTTP_SESSION_VARS['woj']); $value= (isset($_POST['woj'])) ? $_POST['woj'] : ''; ?> 
  60. </td>
  61. </td>
  62. </tr>
  63. <tr>
  64. <td style=" width: 150px; text-align: left">Rodzaj towaru:	  &bull;</td>
  65. <td style=" width: 300px; text-align: left">
  66. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  67. <select name="pierwszy" id="1" onChange="zamiana(this.value);" style="width: 150px;" <? (isset($_SESSION['typy'])) ? $_SESSION['typy'] : ''; ?>">
  68. <option value="rodzaj">Wybierz rodzaj..
  69. <option value="estry metylowe">Estry metylowe -&gt
  70. <option value="jÄ™czmieĹ„">JÄ™czmieĹ„ -&gt
  71. <option value="kukurydza">Kukurydza -&gt
  72. <option value="miÄ™so wieprzowe">MiÄ™so-&gt wieprzowina 
  73. <option value="miÄ™so woĹ‚owe">MiÄ™so-&gt woĹ‚owina 
  74. <option value="nabiaĹ‚">NabiaĹ‚ -&gt 
  75. <option value="nawozy azotowe">Nawozy -&gt azotowe 
  76. <option value="nawozy fosforowe">Nawozy-&gt fosforowe 
  77. <option value="nawozy potasowe">Nawozy -&gt potasowe 
  78. <option value="olej">Oleje roslinne -&gt
  79. <option value="otrÄ™by">OtrÄ™by -&gt
  80. <option value="owies">Owies -&gt
  81. <option value="pszenica">Pszenica -&gt
  82. <option value="pszenĹĽyto">PszenĹĽyto -&gt
  83. <option value="tĹ‚uszcze zwierzÄ™ce">TĹ‚uszcze zwierzÄ™ce -&gt;
  84. <option value="rzepak">Rzepak -&gt
  85. <option value ="soja">Soja -&gt
  86. <option value ="Ĺ›ruta">Ĺšruta -&gt
  87. <option value="cukier">Sypkie -&gt cukier 
  88. <option value="kasza">Sypkie -&gt kasza 
  89. <option value="mÄ…ka">Sypkie -&gt mÄ…ka 
  90. <option value="pĹ‚atki">Sypkie -&gt pĹ‚atki 
  91. <option value="ĹĽyto">Ĺťyto -&gt
  92. <option value="ĹĽywiec">Ĺťywiec -&gt
  93. </select>
  94. <select name="drugi" id="2" style="width: 180px;" value"<? if (isset($_POST['typy2'])){ echo $_POST['typy2']; }?>">
  95. <option value="rodzaj">wybierz rodzaj...
  96. </select>
  97. <td class="bok3"><a href="#" onclick="nowe_okno();">dodaj zdjÄ™cie</a>  &nbsp;<?php
  98. session_start();
  99. if(!isset($_SESSION['name']))
  100. {
  101. echo '';
  102. }
  103. else 
  104. { 
  105. echo '<a href="" onclick="window.open( 'usunobrazek.php ', 'Nowe_okno ',  'height=20,width=220');">usuĹ„</a>';
  106. }
  107. ?>
  108. <tr>
  109. <td style=" width: 150px; text-align: left">Ilosc towaru:	  &bull;</td>
  110. <td style=" width: 300px; text-align: right">
  111. <INPUT TYPE="text" NAME="ilosc" style="font-size: 8pt; font-family: Arial; width: 250pt; height: 10pt;background-color: #EEEEEE; border-style: solid; border-color: #FFFFF0; border-width: 1pt" value="<? if (isset($_POST['ilosc'])){ echo $_POST['ilosc']; }?>"></td>
  112. </tr>
  113. <tr>
  114. <td style=" width: 150px; text-align: left">Telefon/fax		&bull;</td>
  115. <td style=" width: 300px; text-align: right">
  116. <INPUT TYPE="text" NAME="tel" style="font-size: 8pt; font-family: Arial; width: 250pt; height: 10pt;background-color: #EEEEEE; border-style: solid; border-color: #FFFFF0; border-width: 1pt" value="<? if (isset($_POST['tel'])){ echo $_POST['tel']; }?>"></td>
  117. </tr>
  118. <tr>
  119. <td style=" width: 150px; text-align: left">Cena:	  &bull;</td>
  120. <td style=" width: 300px; text-align: right">
  121. <INPUT TYPE="text" NAME="cena" style="font-size: 8pt; font-family: Arial; width: 250pt; height: 10pt;background-color: #EEEEEE; border-style: solid; border-color: #FFFFF0; border-width: 1pt" value="<? if (isset($_POST['cena'])){ echo $_POST['cena']; }?>"></td>
  122. </tr>
  123. <tr>
  124. <td style=" width: 150px; text-align: left; vertical-align: top">Opis towaru (zalecane) :	</td>
  125. <td style=" width: 300px; text-align: right">
  126. <TEXTAREA NAME="opis" style="font-size: 8pt; font-family: Arial; width: 250pt; height: 12.5pt;background-color: #EEEEEE; border-style: solid; border-color: #FFFFF0; border-width: 1pt" value="<? if (isset($_POST['opis'])){ echo $_POST['opis']; }?>"></textarea></td>
  127. </tr>
  128. <tr><td style=" width: 150px; text-align: right;empty-cells:show"></td>
  129. <td style=" height: 10pt; width: 150px; text-align: left"><img src="gg.gif"><INPUT TYPE="text" NAME="gg" style="font-size: 8pt; font-family: Arial; width: 50pt; height: 10pt;background-color: #EEEEEE; border-style: solid; border-color: #FFFFF0; border-width: 1pt value="<? if (isset($_POST['gg'])){ echo $_POST['gg']; }?>"> <img src="s.gif"><INPUT TYPE="text" NAME="skype" style="font-size: 8pt; font-family: Arial; width: 77pt; height: 10pt;background-color: #EEEEEE; border-style: solid; border-color: #FFFFF0; border-width: 1pt" value="<? if (isset($_POST['skype'])){ echo $_POST['skype']; }?>"> &nbsp<align="right"><INPUT TYPE="submit" VALUE="dodaj" NAME="formularz" style=" font-family:arial; font-size: 8pt"></a></td>
  130. </tr>
  131. </tbody></table>
  132. </body>
  133. </head>
  134. </html>
[PHP] pobierz, plaintext


Wie ktoś dlaczego tak rozwala stronę pod IE ?
Shili
11.06.2008, 18:15:40
Na początek - próbowałeś usunąć skrypty js i odpalić stronę? Czasem dają one nieźle popalić.

Druga sprawa - jak możesz wrzuć tylko wygenerowany przez php html. W tym czymś mimo wszystko ciężko jest się połapać. A jak sobie wkleję i odpalę, to i tak nie połączę się z Twoją bazą daych. Nie wiem czy jest to potrzebne i czy są inne rzeczy, które uniemożliwią mi normalne obejrzenie tego pliku, bo nie przejrzałam wszystkiego. Ale że php nie ma tutaj nic wspólnego z wyświetlaniem - na wszystko wpływa html, to lepiej będzie serio ten html pokazać.
mihipoznan
11.06.2008, 18:25:54
Pewnie html.. hmm albo dam linka i login z hasłem..

http://pphfarina.pl
i w zaloguj :

login: test@test.pl
hasło: test

I w dział oferty i "dodaj"

P.S Skrypty nie przeszkadzają..sprawdzałem smile.gif
nithajasz
11.06.2008, 19:08:03
Może IE i obsługuje CSS, ale w marnym stylu. Poszukaj na google o interpretowaniu CSS przez IE, hackach etc. Wiele elementów, musisz oddzielnie ustawiać pod IE a inne przeglądarki i na to nic nie poradzisz... Po prostu microsoft..

Ewentualnie można napisać szablon CSS tylko dla IE...

[HTML] pobierz, plaintext 
  1. <!--[if IE]>
  2. <link href="ie.css" rel="stylesheet" type="text/css">
  3. <![endif]-->
[HTML] pobierz, plaintext
Shili
11.06.2008, 19:33:37
Ale w przypadku tej strony i FF nie obs³uguje stylów tak, jakby autor chcia³, a takie ustawianie metod± prób i b³êdów to nie jest najlepszy pomys³, bo zamiast cssów robi siê ¶mietnik.

Niestety, nie jestem w stanie przebrn±æ i przeedytowaæ ten kod - tabele tabelami, pewnie da³oby siê to jeszcze prze¿yæ. Tragiczne s± style inline na przyk³ad, gdzie ¿eby co¶ przeedytowaæ trzeba siê nie¼le namêczyæ, podczas gdy regu³a w zewnêtrznym pliku by³aby jedna.

Ze swojej strony, chocia¿ bêdzie to wymaga³o trochê wysi³ku, proponowa³abym przepisaæ stronê na semantyczn±, to znaczy tabele tylko tam gdzie dane tabelaryczne, minimalizacja elementów, dodawanie elementów zgodnie z przeznaczniem itd. W takich stronach jest o wiele ³atwiej wyszukiwaæ b³êdy i takie strony jest o wiele ³atwiej przerabiaæ ni¿ misz-masz tabelkowy.
erix
12.06.2008, 12:17:47
Cytat
Przecie¿ IE obs³uguje css..

Blah, chyba tylko udaje, ¿e obs³uguje... :S

Nie wiem, czy to tylko u mnie, ale na chwilê obecn± nie mogê otworzyæ strony z kodem ¼ród³owym. Jakkolwiek, ad. zrzutów, to Twój problem prawdopodobnie wynika z artefaktów trybu Quirksmode w IE.

http://www.quirksmode.org/css/quirksmode.html

Prze³±cz na (X)HTML Strict i spróbuj wtedy (prolog XML sobie w IE daruj).
batman
12.06.2008, 12:33:13
IE jaki jest, każdy widzi, ale to nie jest powód, by wieszać na nim psy z powodu źle napisanego kodu. Sprawdzałeś co pokazuje Ci walidator? Masz kilka błędów, które mogą być przyczyną Twoich problemów.
mihipoznan
12.06.2008, 22:31:14
Nie pokazuje mi b³êdów.. :/ ... hmm.. a mo¿e u¿yæ float:, padding:, margin ? Jak my¶licie..wystarczy ?

smile.gif
Pilsener
13.06.2008, 14:01:15
Zacznij od:
Cytat
Prze³±cz na (X)HTML Strict i spróbuj wtedy (prolog XML sobie w IE daruj).


Jak ju¿ bêdziesz mia³ poprawny html+css, to dopiero wtedy siê zastanów, co dalej. Bez poprawnego kodu HTML jeste¶ skazany na pora¿kê. Tu co¶ dla Ciebie o budowaniu formularzy:
http://kurs.browsehappy.pl/Krok/Formularze - z jedn± uwag± ode mnie - nie lubiê div'a wewn±trz <form> - ja akurat zalecam w takich wypadkach <p> - czyli paragraf.

P.S > Formularz wygl±da tak sobie, a wbrew pozorom takie drobiazgi s± wa¿ne. Rozplanuj to lepiej, pogrupuj, dodaj <legend>, na opis input zbyt ma³y, na cenê/ilo¶æ pewnie zbyt du¿y. Input dla komunikatora wystarczy jeden, a obok zrób select z list± wyboru kilku popularnych komunikatów - przemy¶leæ trzeba kolejno¶æ inputów i ich po³o¿enie, tak aby by³o estetycznie i przestrzennie. Nie ma lekko smile.gif
To jest wersja lo-fi g³ównej zawarto¶ci. Aby zobaczyæ pe³n± wersjê z wiêksz± zawarto¶ci±, obrazkami i formatowaniem proszê kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.