Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Koszmar w Internet Explorerze
Forum PHP.pl > Forum > Po stronie przeglądarki > HTML \ XHTML
bartek12421
Witam.
Proszę o pomoc przy moim layoucie.
Wszystko zostało pocięte w PSie, wstawione obrazki zamienione na tła komórek, dodany JQuery, przewijany DIV i....coś się popsuło sad.gif
Zobaczcie, jak wygląda pod IE, w porównaniu z Firefoxem: http://h091203132199.nephax.net/XVTV/

Co jak zawsze zrobiłem "nie tak" ?
Lion_87
Cytat
Co jak zawsze zrobiłem "nie tak" ?


Jak zawsze sam nie pociąłeś lay'a...
bartek12421
Nie rozumiem... sugerujesz, że to nie mój projekt?
Lion_87
....sugeruje raczej że sam powinieneś to pociąć...
bartek12421
Mam plik PSD, tam skorzystałem z "plasterków", zapisałem, podmieniłem obrazki na tła komórek, żebym mógł wstawić zawartość.
W FF, Opera, Chrome wygląda poprawnie, w IE się rozwala, pomimo kodu zgodnego ze standardem.
athei
Mam FF i nie wyświetla się poprawnie, są przerwy między elementami, a którymi nie wiem bo śmietnik w kodzie masz.
Cytat
W FF, Opera, Chrome wygląda poprawnie, w IE się rozwala, pomimo kodu zgodnego ze standardem.

I Ty to nazywasz zgodnym ze standardami kodem ... budowa strony za pomocą tabelek, center, iframe.
bartek12421
Człowiek uczy się na własnych błędach...
Budowa strony na tabeli - może i masz rację.....(chociaż DIVy zdały by egzamin przy jakimś prostym układzie typu nagłówek, menu, zawartość, stopka, a nie tak jak tu)......., ale co do center i iframe, to się nie zgodzę.
Tylko znacznik CENTER wyśrodkował stronę we wszystkich przeglądarkach.
IFRAME jest w ukrytym DIVie(więc na ma wpływu na resztę), chciałem tylko zobaczyć jak wygląda animacja z jQuery.

Nie wiem też gdzie widzisz przerwy między elementami w FF
http://i49.tinypic.com/ake5xy.png

http://validator.w3.org/check?uri=http%3A%...x.net%2FXVTV%2F
DeXTeD
Validator nie sprawdza wszystkiego!

Cytat
chociaż DIVy zdały by egzamin przy jakimś prostym układzie

Ale głupoty gadasz, po prostu nie potrafisz... jak by było inaczej to być tak nie napisał.

Przeczytaj: http://osiolki.net/tabelki/

BTW: Transitional to jest za przeproszeniem kupa z masłem, liczy się tylko Strict.

I co to jest?!
Widać ze Photoshop Ci poskładał...
Kod
<tr>
        <td>
            <img src="gfx/spacer.gif" width="1" height="1" alt="" /></td>
        <td>
            <img src="gfx/spacer.gif" width="131" height="1" alt="" /></td>
        <td>
            <img src="gfx/spacer.gif" width="10" height="1" alt="" /></td>
        <td>
            <img src="gfx/spacer.gif" width="152" height="1" alt="" /></td>
        <td>
            <img src="gfx/spacer.gif" width="131" height="1" alt="" /></td>
        <td>
            <img src="gfx/spacer.gif" width="22" height="1" alt="" /></td>
        <td>
            <img src="gfx/spacer.gif" width="7" height="1" alt="" /></td>
        <td>
            <img src="gfx/spacer.gif" width="94" height="1" alt="" /></td>
        <td>
            <img src="gfx/spacer.gif" width="26" height="1" alt="" /></td>
        <td>
            <img src="gfx/spacer.gif" width="31" height="1" alt="" /></td>
        <td>
            <img src="gfx/spacer.gif" width="1" height="1" alt="" /></td>
        <td>
            <img src="gfx/spacer.gif" width="63" height="1" alt="" /></td>
        <td>
            <img src="gfx/spacer.gif" width="1" height="1" alt="" /></td>
        <td>
            <img src="gfx/spacer.gif" width="47" height="1" alt="" /></td>
        <td>
            <img src="gfx/spacer.gif" width="76" height="1" alt="" /></td>
        <td>
            <img src="gfx/spacer.gif" width="81" height="1" alt="" /></td>
        <td>
            <img src="gfx/spacer.gif" width="47" height="1" alt="" /></td>
        <td>
            <img src="gfx/spacer.gif" width="15" height="1" alt="" /></td>
        <td>
            <img src="gfx/spacer.gif" width="14" height="1" alt="" /></td>
        <td>
            <img src="gfx/spacer.gif" width="50" height="1" alt="" /></td>
        <td></td>

bartek12421
Dziękuje wszystkim za pomoc.
Uświadomiłem sobie, że trzeba porzucić stare metody na rzecz nowych technologi.
Trzeba podszkolić się w budowaniu stron opartych na DIVach i CSS.
Znalazłem jednak przyczynę mojego problemu smile.gif
Internet Explorer zapis
  1. <td> cośtam
  2. </td>

traktuje inaczej niż
  1. <td>cośtam</td>

Należało po prostu zamykać znacznik komórki bez umieszczania go w nowej linii 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.