Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [css]Float'y: co jest nie tak dla IE7?
Forum PHP.pl > Forum > Po stronie przeglądarki
freqfreq
Zrobiłem dla znajomego stronę,
http://mydubli.pl

Na stronie głównej macie divy jeden pod drugim, złożone z obrazka i tekstu każdy.
Co 2-gi z nich jest odwrócony (obrazek po lewej i tekst po prawej, a następny odwrotnie, kolejny znów odwrotnie, itd.)

W IE7, na tej właśnie tronie głównej, nie widać tekstów, które są po LEWEJ stronie (a obrazki po prawej)
Czy ktoś może pomóc mi z tym fantem? głowiłem się, ale nie znalazłem pomocy o tym typie buga w IE?
Damonsson
Najpierw: http://validator.w3.org/check?uri=http%3A%...ine&group=0

Później myśl, co jest nie tak winksmiley.jpg


  1. <div id="landingPageCon"><div id="textContainer" style="text-align:right;"><div id="centerVar1"><div id="centerVar2">
  2. DubLi podpisało umowy z <p>tysiącami producentów</p>, dzięki czemu<br />wszystkie licytowane produkty są <p>fabrycznie nowe</p><br />na <p>pełnej gwarancji</p> producenta.
  3. </div></div></div><div id="imageContainer" ><div id="img2"><a href="http://mydubli.pl/Rejestracja.html" target="_blank"></a></div></div></div>

zamień na:
  1. <div id="landingPageCon"><div id="textContainer""><div id="centerVar1"><div id="centerVar2">
  2. DubLi podpisało umowy z <p>tysiącami producentów</p>, dzięki czemu<br />wszystkie licytowane produkty są <p>fabrycznie nowe</p><br />na <p>pełnej gwarancji</p> producenta.
  3. </div></div></div><div id="imageContainer" ><div id="img2"><a href="http://mydubli.pl/Rejestracja.html" target="_blank"></a></div></div></div>



Co za kod haha, patologia. Ale będziesz miał teraz widoczne napisy po lewej w < IE8. I tak dla każdego Twojego napisu po lewej usuwaj linijkę: style="text-align:right;"
freqfreq
Cytat(Damonsson @ 2.10.2010, 00:10:29 ) *
Najpierw: http://validator.w3.org/check?uri=http%3A%...ine&group=0

Co za kod haha, patologia. Ale będziesz miał teraz widoczne napisy po lewej w < IE8


Czemu aż tak źle? winksmiley.jpg
Damonsson
54 błędy...trochę sporo. Ale jak kto lubi.
freqfreq
Cytat(Damonsson @ 2.10.2010, 00:21:35 ) *
54 błędy...trochę sporo. Ale jak kto lubi.


Bo w css'ie mam dużo tego # zamiast tego .
Już dawno nie zajmuję się tym... po prostu przysługa dla kolegi smile.gif
Tragedii nie ma no... myślę
Tak czy siak - dzięki za pomoc!
Damonsson
Jest tragedia. Ale skoro działa. To miejmy to w poważaniu hehe winksmiley.jpg
Proszę smile.gif
freqfreq
Poprawiłem wszystkie błędy (2 pozostałe nie wiem jak usunąć, to przez META PROPERTY zamiast META NAME [facebookowe tagi], ale żeby to zwalidował, potrzeba z tego co doczytałem doctype xhtml+rdfa, a wtedy wywala więcej błędów winksmiley.jpg

(http://validator.w3.org/check?uri=http%3A%...ine&group=0)

Dodałem w osobnych divach text-align'y, i spójrz co się dzieje w IE7: http://ipinfo.info/netrenderer/index.php <- wklep http://mydubli.pl/
Damonsson
Usuń:

  1. .content_container {
  2. text-align:center;
  3. }


ze swojego css i będzie ok.

Swoją drogą staraj się umieszczać elementy w CSS alfabetycznie, bo zanim ja to znalazłem... ;P
freqfreq
Cytat(Damonsson @ 2.10.2010, 13:46:56 ) *
Usuń:

  1. .content_container {
  2. text-align:center;
  3. }


ze swojego css i będzie ok.

Swoją drogą staraj się umieszczać elementy w CSS alfabetycznie, bo zanim ja to znalazłem... ;P


Dzięki.
Swoją drogą - to IE tak ma, że jak jednemu elementowi nadasz CENTER, a jakiemuś innemu wewnątrz tego elementu nadasz coś innego, to się ... miesza?
Damonsson
Nie rozumiałem, nie rozumiem i nie zrozumiem IE, więc nie odpowiem z pewnością na to pytanie, mogę tylko domniemywać ;P
Ale mi się zdaje, że IE gdzieś się gubi w dziedziczeniu i traktuje ten center rodzica, jako coś nadrzędnego i nie chce tego zmienić nawet jak nadasz left, czy right. Tak mi się zdaję, ale nie zagłębiałem się w kod i nie testowałem, więc można śmiało próbować obalić moją teorię ;P
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.