Problem z IE...

[kruzyk]

Witam.

Taki problem mam, że strony (przykładowe):

emerytura.eofe.info

katalogi.eofe.info

katalog-stron.eofe.info/linki/

poprawnie wyświetlają się czy to w FF czy w Operze... a IE mi rozwala układ strony zrzucając prawy box na sam dół i nie wiem co jest tego przyczyną...

Proszę o zerknięcie bo już mam dość a mimo iż sam używam i FF i Operki to jednak większość używa IE... więc część mojej strony po prostu pomija

[Liszu]

Ściągnąłem sobie pierwszą ze stron na dysk i odpaliłem w DreamWeaverze, który do analizy struktury strony (szczególnie tej div'ovej) nadaje się znakomicie. Niestety zmęczyłem się po 10 minutach prowadzenia śledztwa... takiej ilości zbędnych div'ów nie widziałem chyba jeszcze nigdy. Na dobrą sprawę wystarczą następujące:

- pojemnik na całość

- top

- lewa kolumna

- środkowa kolumna

- prawa kolumna

- stopka

Nawet umieszczenie kolumn w dodatkowym divie jest zbędne.

Jeśli kolumny oddzielał będziesz marginesami o tym samym kierunku co floatował niezbędne będzie także nadanie każdej kolumnie atrybutu display: inline. Unikniesz wtedy problemu z podwójnym marginesem w IE - błąd przeglądarki.

Pozdrawiam

[Tomahawk]

Jak skrócisz troche kod to będziesz miał mniej problemów z tym...

Ale i tak bedziesz sie musiał troche pobawic żeby w IE dobrze wyglądało bo to już taka przegladarka jest że chrzani...

I zalezy jaka wersja jeszcze...

[kruzyk]

Kurcze.

A ja wziąłem sobie stronę główną https://katalog-stron.eofe.info generowaną przez skrypt mini.otwarty.pl i skopiowałem jej kod, po czym wyciąłem fragment odpowiadający za wyświetlanie kategorii i wstawiłem tam swoją streść...

Dzięki za pomoc.

ps. gdzie w DreamWeaverze jest ta funkcja sprawdzająca div'y?

[Liszu]

To nie jest funkcja... po prostu DW ma niezły do tego celu interfejs... machając kursorem na podglądzie DESIGN podświetlają Ci się ramki Div'ów... zaznaczenie jednego powoduje podświetlenie całości kodu tego Div'a w oknie PISANIA KODU. Dodatkowo pod oknem podglądu wyświetla Ci strukturę (coś na kształ adresu pliku na dysku). Ot tyle... niby niewiele, ale jakoś nie mogę pojąć w jaki sposób ktoś chciałby to samo zrobic np. w notatniku, a sporo osób w nim pisze.

Kod generowany przez skrypty nie będzie póki co zbyt doskonały. Ja się nie spotkałem na razie z dobrymi generatorami kodu. Inna sprawa, że nie szukam jakoś zaciekle - mimo, że używam DW cały kod piszę sam, a program lubię bo przyspiesza mi pracę w wielu sytuacjach i pokazuje podgląd bez ciągłego otwierania w przeglądarkach.

[kruzyk]

Niestety nie o taką pomoc mi chodziło

Ilości div'ów nie zmienię bo generuje je skrypt napisany nie przeze mnie.

Co do strony emerytura.eofe.info to próbuję z określaniem szerokości div'ów. Zmniejszyłem środkowego div'a do 480px z 490px i widać ogromną różnicę w jego szerokości ale niestety div prawego menu nie "wskoczył" do góry. Nie pomogło też zmniejszenie szerokości tego prawego div'a ze 120px do 110px...

Cały czas jest na dole...

Co mogę zrobić w tym przypadku?

[-=SnU=-]

katalogi.eofe.info

<!-- PRAWE MENU -->

<DIV style="FLOAT: right; WIDTH: 130px">

<DIV class=menu id=menu style="WIDTH: 125px">

u mnie w IE prawe menu leci do góry

[covi]

tez mialem taki problem

zrobilem 2 wersje strony dla IE i dla reszty

z reszta mozesz zobaczyc w tym dziale jest moj topic

https://www.forum.optymalizacja.com/index.php?showtopic=25454

[yavaho]

W przypadku emerytura.eofe.info

Daj na poczatku styli:

div {

margin:0;

padding:0;

}

I zmniejsz prawe menu

style="float:right; width:110px;

I pod IE mam dobrze

Tak jak reszta polecam zmiejszyć ilość divów. Zmiejszy się też ilość kodu css i zmniejszy sie prawdopodobieństwo wystąpienia problemów.

covi

Powinieneś rozwiązać swój problem po prostu w CSS (tam gdzie naprawde występuje), bo bedziesz tak kombinował w nieskonczoność i nigdy nie znajdziesz satysfakcjonującego rozwniązania.

[covi]

ale nie potrafilem tego zrobic.

chcesz mi pomoc ?

[Liszu]

Moja rada w tym topicu (poza wskazówkami co do zmian styli podanych powyżej) to pisać samemu poprawny kod i CSS. Z taką strukturą kodu jak załączony przykład może być ok w dwóch/trzech wersjach jakiejś przeglądarki, a w czwartej rozsypie się coś innego.

"Zaszpachlowanie" dziury nie pomoże na dłuższą metę

[--Nuta--]

człowiek potrzebował prostej rady a wy go odsyłacie do Meyera

zrób hacka na IE:

*html div_który_się_rozjeżdża {

margin-left:...;

}

proste i szybkie rozwiązanie tego konkretnego problemu, ale jak napisał liszu "zaszpach... "