[PHP] Problem z IE..rozwala stronę.. Opcje

[mihipoznan]

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 
<?php
session_start();
?>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<dłuuugi skrypt java>
<script type="text/javascript">
function nowe_okno() {
okno = window.open("laduj.php","laduj","toolbar=no, height=200px, width=400px");
}
function zamknij_okno() {
okno.close();
}
</script>
<script type="text/javascript">
function nowe_okienko() {
okienko = window.open("usunobrazek.inc","usuwanie","toolbar=no, height=200px, width=400px");
}
function zamknij_okienko() {
okienko.close();
}
</script>
<table class="color" style=" margin: 0 auto">
<tbody>
<td class="bok2">
<form method="post" action="index1.php?url=7" name="formularz">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<table>
<tr>
<td style=" width: 150px; text-align: left">Nazwa firmy:</td>
<td style=" width: 150px; text-align: left">
<?php echo ucwords($HTTP_SESSION_VARS['login']); $value= (isset($_POST['login'])) ? $_POST['login'] : ''; ?>
<td rowspan="5" class="bok3"><?
 
$connection = mysql_connect("localhost","x","x");
	echo "<img height='81' width='92' src=".$HTTP_SESSION_VARS['name']."/></a>"
?>
</td>
</tr>
<tr>
<td style=" width: 300px; text-align: left">Imie i nazwisko: </td>
<td style=" width: 150px; text-align: left">
<?php echo ucwords($HTTP_SESSION_VARS['imie']); $value= (isset($_POST['imie'])) ? $_POST['imie'] : ''; ?>
</tr>
<tr>
<td style=" width: 300px; text-align: left">E-mail: </td>
<td style=" width: 150px; text-align: left;">
<?php echo ucwords($HTTP_SESSION_VARS['email']); $value= (isset($_POST['email'])) ? $_POST['email'] : ''; ?> 
</tr>
<tr>
<td style=" width: 150px; text-align: left">Typ transakcji: &bull;</td>
<td style=" width: 150px; text-align: left">
<INPUT TYPE="radio" NAME="typ" VALUE="1" CHECKED >Kupno &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp
<INPUT TYPE="radio" NAME="typ" VALUE="0">SprzedaĹĽ
</td>
</tr>
<tr>
<td style=" width: 150px; text-align: left">WojewĂłdztwo:	  &bull;</td>
<td style=" width: 150px; text-align: left">
<?php echo ucwords($HTTP_SESSION_VARS['woj']); $value= (isset($_POST['woj'])) ? $_POST['woj'] : ''; ?> 
</td>
</td>
</tr>
<tr>
<td style=" width: 150px; text-align: left">Rodzaj towaru:	  &bull;</td>
<td style=" width: 300px; text-align: left">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<select name="pierwszy" id="1" onChange="zamiana(this.value);" style="width: 150px;" <? (isset($_SESSION['typy'])) ? $_SESSION['typy'] : ''; ?>">
<option value="rodzaj">Wybierz rodzaj..
<option value="estry metylowe">Estry metylowe -&gt
<option value="jÄ™czmieĹ„">JÄ™czmieĹ„ -&gt
<option value="kukurydza">Kukurydza -&gt
<option value="miÄ™so wieprzowe">MiÄ™so-&gt wieprzowina 
<option value="miÄ™so woĹ‚owe">MiÄ™so-&gt woĹ‚owina 
<option value="nabiaĹ‚">NabiaĹ‚ -&gt 
<option value="nawozy azotowe">Nawozy -&gt azotowe 
<option value="nawozy fosforowe">Nawozy-&gt fosforowe 
<option value="nawozy potasowe">Nawozy -&gt potasowe 
<option value="olej">Oleje roslinne -&gt
<option value="otrÄ™by">OtrÄ™by -&gt
<option value="owies">Owies -&gt
<option value="pszenica">Pszenica -&gt
<option value="pszenĹĽyto">PszenĹĽyto -&gt
<option value="tĹ‚uszcze zwierzÄ™ce">TĹ‚uszcze zwierzÄ™ce -&gt;
<option value="rzepak">Rzepak -&gt
<option value ="soja">Soja -&gt
<option value ="Ĺ›ruta">Ĺšruta -&gt
<option value="cukier">Sypkie -&gt cukier 
<option value="kasza">Sypkie -&gt kasza 
<option value="mÄ…ka">Sypkie -&gt mÄ…ka 
<option value="pĹ‚atki">Sypkie -&gt pĹ‚atki 
<option value="ĹĽyto">Ĺťyto -&gt
<option value="ĹĽywiec">Ĺťywiec -&gt
</select>
<select name="drugi" id="2" style="width: 180px;" value"<? if (isset($_POST['typy2'])){ echo $_POST['typy2']; }?>">
<option value="rodzaj">wybierz rodzaj...
</select>
<td class="bok3"><a href="#" onclick="nowe_okno();">dodaj zdjÄ™cie</a>  &nbsp;<?php
session_start();
if(!isset($_SESSION['name']))
{
echo '';
}
else 
{ 
echo '<a href="" onclick="window.open( 'usunobrazek.php ', 'Nowe_okno ',  'height=20,width=220');">usuĹ„</a>';
}
?>
<tr>
<td style=" width: 150px; text-align: left">Ilosc towaru:	  &bull;</td>
<td style=" width: 300px; text-align: right">
<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>
</tr>
<tr>
<td style=" width: 150px; text-align: left">Telefon/fax		&bull;</td>
<td style=" width: 300px; text-align: right">
<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>
</tr>
<tr>
<td style=" width: 150px; text-align: left">Cena:	  &bull;</td>
<td style=" width: 300px; text-align: right">
<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>
</tr>
<tr>
<td style=" width: 150px; text-align: left; vertical-align: top">Opis towaru (zalecane) :	</td>
<td style=" width: 300px; text-align: right">
<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>
</tr>
<tr><td style=" width: 150px; text-align: right;empty-cells:show"></td>
<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>
</tr>
</tbody></table>
</body>
</head>
</html>
[PHP] pobierz, plaintext 

Wie ktoś dlaczego tak rozwala stronę pod IE ?

Ten post edytował mihipoznan 11.06.2008, 18:26:40

[Shili]

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ć.

Ten post edytował Shili 11.06.2008, 18:17:20

[mihipoznan]

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

Ten post edytował mihipoznan 11.06.2008, 18:26:15

[nithajasz]

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 
<!--[if IE]>
<link href="ie.css" rel="stylesheet" type="text/css">
<![endif]-->
[HTML] pobierz, plaintext 

Ten post edytował nithajasz 11.06.2008, 19:11:19

[Shili]

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]

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]

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]

Nie pokazuje mi błędów.. :/ ... hmm.. a może użyć float:, padding:, margin ? Jak myślicie..wystarczy ?

[Pilsener]

Zacznij od:

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