Witam,

Mam problem z divami poniżej przedstawiam pytania i wątpliwości które zadałem na innym forum na którym nic się nie dowiedziałem.

---------------------------------------------------------------------------------------------------------------------------

Jestem początkujący w języku CSS ! Nie wiem jak to się stało ale szybciej się "naumiałem" PHP niż zacząłem ogarniać CSS .

Ale dobra przejdźmy do rzeczy, mianowicie chodzi o to że koduje stronę i utknąłem w pewnym momencie mam zakodowany panel logowania, wiadomości, logo oraz menu_logo i wszystko gra. Chciałem zabrać się za menu i mniej więcej zrobiłem tak jak powinno być. Firefox wyświetla poprawnie stronę ale każda inna przeglądarka wywala to menu na prawo. Proszę o wytłumaczenie powodu. Nie trzeba robić za mnie gdyż jestem nie co kapujący . Koduje już ten szablon 3 raz, znaczy się 2 razy od początku i teraz poprawiam. Tam gdzie jest "1" przed divami i img, to znaczy że div jest wyłączony . Z góry dziękuję i pozdrawiam.


Kod jest dostępny w poniższym adresem gdyż nie zmieści się w tym temacie.
index.html & style.css

----------------------------------------------------------------------

firefox: http://img364.imageshack.us/img364/7786/21548100es1.png

IE:http://img381.imageshack.us/img381/6681/36017642xw2.png

Opera:http://img396.imageshack.us/img396/2787/92176187os9.png

Próbowałem wyeliminować wszystkie paddingi i zamienić na marginy lecz nie pomogło (bo wiem że czasami to przeszkadza). A teraz myślę nad wyeliminowaniem wszystkich posycji relatywnych, tylko musiał bym przerobić menu.
------------------------------------------------------------------------------------
Pozbyłem się position:relative i nic nie pomogło a nawet pogorszyło. Zrobiłem tak że nowy szablon taki prostszy i stwierdziłem że strona się psuje w innych przeglądarkach przez pozycjonowanie strony np: position:relative,absolute lub poszerzania grafiki tak zwane bg.
------------------------------------------------------------------------------------
Znalazłem jeszcze jeden błąd... A mianowicie gdy mam już zakodowany szablon i działa poprawnie pod jedną przeglądarką (w moim przypadku firefox). Wciskam Ctrl + poruszam rolką w myszce to strona mi się powiększa i pomniejsza przy czym obrazki się rozchodzą po stronie (Możliwe że to jest przyczyna.). Proszę o wytłumaczenie co źle robię.
Screeny:

normalnie:http://img220.imageshack.us/img220/3716/normalnyse1.jpg
oddalone:http://img127.imageshack.us/img127/1800/oddalonefw3.jpg
przybliżone:http://img161.imageshack.us/img161/1576/przyblioneas5.jpg

Próbowałeś dopisać do cssa :



Kiedy ja jeszcze kiedyś tworzyłem takie stronki w notatniku to najczęstrzym problemem przy przenoszeniu diva w dane miejsce w IE jest to że odległości width i height całej strony w px różnią się (przynajmniej gdzieś na stronie znalazłem tego rodzaju wyliczenia ile dana strona pobiera sobie px na treść właściwą ile na marginesy przy określonych rozdzielczościach ekranu.).W niektórych przypadkach wystarczy dodać deklaracje DTD dla XHTMLA ale często(tak jak u Ciebie) i to nie daje porządanych efektów. Kolejną rzeczą jest to że jakaś grafika element wewnątrz kontenera przekracza wielkością (szerokością lub wysokością) sam kontener.
Przyczyną tego może być np zbyt duża czcionka w stosunku do height obiektu itd.
Najłatwiej jest wszystko sobie poukładać dodając do wszystkich "podejrzanych" div znacznik border na 1px. Wtedy dokładnie zobaczysz czy dane elementy mieszczą się koło siebie w konkretnej rozdzielczości.

Według tego co napisałeś na dobrą sprawę kontenerem jest samo body ponieważ na początku otwierasz diva container i od razu go zamykasz.
Nie powinno zamknięcie tego diva być na samym dole przed znacznikami </body> i </html> ?

Nie jestem pewien czy to pomoże ale jeśli chodziłeś po innych forach i się nie powiodło to każda sugestia się przyda.
Na koniec dodam że mi przy ustawianiu szerokości poszczególnych div-ów w procentach przy zmniejszeniu rozdzielczości ekranu też w jednej przeglądarce przenosiło diva na prawo a w innej na lewo. Niestety IE nie rozumuje wszystkiego tak samo jak ff.

Może moje rady okażą się pomocne.

Pozdrawiam
Mariusz

Witaj,

Twoje rady pomogły a dokładnie ta:


Skopiuje sobie twoją odpowiedź gdzieś do notatnika i zapiszę . Pewnie się przyda na przyszłość.
Bardzo ci dziękuję i oczywiście "Pomógł"

Pozdrawiam
Marcin