wysokość komórki z formularzem w FF 1.0.7 i FF 1.5

[feft]

Witam, na stronie http://www.gniazdkodomowe.pl jest pole "szukaj" (jest to komórka w tabeli). W przeglądarce 1.0.7 ma dobrą wysokość, a nowej 1.5 "zabiera" dwie linie. Nie wiem dlaczego. Taki problem miałem między IE 6 i FF 1.0.7 i żeby to pole było dobrze wyświetlane w IE musiałem koniec kodu, czyli "/form" przenieść poza tabelę, w której jest umieszczony ten kod. To wystarczyło żeby IE poprawnie wyświetlał to pole.
Teraz nie mam pojęcia dlaczego nowa przeglądarka uparła się wyświetlać to w ten sposób.
http://republika.pl/piotrpikula/gd_error - tutaj jest to pokazane na obrazkach. Dla tych, którzy nie mają obu przeglądarek.

[Tomek]

Więc tak
Przydałby się porządny kurs www - to co teraz się dzieje na stronie to... koszmar:
head - otwarte 4 razy
body - też gdzies tyle
tabelka na tabelce goni tabelkę
walidator wykazuje "tylko" 34 błędy - ale dziw że to się w ogóle wyświetla.
Ciężko mówić który fragment powoduje ten błąd...
Więc tak - poczytaj:
http://www.mozillapl.org/forum/about-13419.html
http://www.mozillapl.org/forum/about-11979.html

A najprawdopodobniej jest to spowodowane wyrzuceniem form poza tabelkę....

Dodatkowo - IE nie jest żadnym wyznacznikiem poprawności wyświetlania stron. Wręcz przeciwnie.

[feft]

Ze wszystkim się zgadzam, dopiero niedawno przejąłem stronę po koledze i powoli (w miarę wolnego czasu) pracuję nad kodem tej strony. A profesjonalistą nie jestem i dlatego trochę to potrwa. Wyrzucenie "/form" poza tabelkę było potrzebne, żeby to się dobrze wyświetlało w IE (klienta nie interesuje zgodność kodu - ma się u niego wyświetlać dobrze). Już robiłem próby z przywróceniem tego na właściwe miejsce, ale nic się nie zmieniło. Zaraz poczytam Twoje linki i może coś mi to pomoże. Dzięki.

[Tomek]

W tych linkach masz głównie o poprawieniu kodu - to co teraz jest nie pozwala na zlokalizowanie błędu...
Jeśli interesiuje cię jakieś szybkie rozwiązanie - popróbuj z marginesami dla tego elementu...

[feft]

Ilość błędów zmniejszyłem, na więcej teraz nie mam czasu.
Niestety, nie znalazłem jeszcze rozwiązania problemu "/form". Aż do teraz uważałem, że Firefox jest w pełni zgodny z W3C, ale teraz to już sam nie wiem? Albo stał się od wersji 1.5 albo właśnie przestał taki być, bo w wersji 1.0.7 to pole było dobre.

[Tomek]

Nie rozumiem - twoja strona nie jest zgodna z w3.org więc firefoks w wielu miejscach zgaduje. A że gecko pomiędzy tymi wersjami uległo zmianie, to też i mechanizm zgadywania też. To pole nigdy nie mogło być przy tamtej wersji strony dobre. To że wyświetlało się tak jak chcesz nie oznaczało że jest ok.
Firefox się rozwija... więc staje się coraz dokładniejszy.
Dalej proponuję pobawić się marginesami dla tego elementu form i input, oraz oczywiście przeniesienie tego </form> we właściwe miejsce. teraz to naprawdę nie ma prawa się dobrze wyświetlać. Potem pobaw się marginesami dla form i powinno być ok.

[Gedi]

Dodaj do CSS:

Kod: Zaznacz cały

form {
margin: 0;
}

Poza tym popraw LINK na:

Kod: Zaznacz cały

<link rel="stylesheet" type="text/css" href="gd1.css">

oraz zamknij FORM bezpośrednio po polach INPUT:

Kod: Zaznacz cały

<form>
   <input>
   <input>
</form>

Ewentualnie znacznikiem FORM obejm całą tabelę:

Kod: Zaznacz cały

<form>
<table>
<tbody>
<tr>
   <td>...</td>
   ...
   <td>
      <input>
      <input>
   </td>
</tr>
</tbody>
</table>
</form>

[feft]

Dziękuję i tomasikowi i Gediemu - już działa.