Rozjeżdżanie się strony w przeglądarkach

[damian23]

Witam, czytałem inne posty na ten temat, ale wciąż nie mogę rozwiązać swojego problemu.

Zakodowałem stronę: www.strona2testowa3.yoyo.pl

Wszystko co zakodowałem sprawdzałem na przeglądarce Google Chrome, na której wszystko ładnie działa, niestety w innych przeglądarkach (IE, FF i Opera) strona całkowicie się rozjeżdża.
U znajomego strona działa dobrze w firefoxie (możliwe że dlatego że ja mam rozdzielczość 1240x1024, a on sporo większą, innej przyczyny nie potrafię znaleźć).

Jeśli potrzebny jest kod, proszę pisać, wkleję go tutaj.
Proszę o pomoc, ewentualnie jakieś wskazówki co mogę zmienić albo dodać w kodzie żeby strona działała poprawnie w każdej przeglądarce.

Z góry dzięki za odpowiedź.

[darek_w]

Witam
Po pierwsze proponuje zbliżyć się do standardów xhtml'a i poprawić poniższe błędy.
http://validator.w3.org/check?uri=http% ... ne&group=0

Kilka porad, zaznaczam że nie przyglądałem się jakoś super wnikliwie:
Używasz strasznie dużej ilości divów jak na tak prostą stronkę, np div menu składa się z zagnieżdzonych divów, w których następnie zagnieżdzasz kolejne, troszkę nie wiem dlaczego - proponuję np w <div id="menu"> skonstruować listę na zasadzie <ol><li></li></ol> a następnie w css osiągnąć zamierzony efekt wizualny.

Widzę również że używasz marginesów ujemnych, ale nie używasz pozycjonowań absolutnych i relatywnych oraz nie widzę floatowań - z tego co pamiętam, aczkolwiek nic sobie uciąć nie dam ,to IE chyba ma problemu z ujemnymi marginami.

To tyle narazie - mam nadzieje że pomogłem Ci zwrócić uwagę na parę istotnych moim zdaniem spraw które mogą powodować rozjazd stron.
Pozdrawiam
Darek

PS. Czemu ma służyć umieszczenie danych kontaktowych w formie jpg - jest to bardzo niewygodne jeśli chciałbym np sobie szybko skopiować adres e-mail i wkleić do outlooka - nie mogę tego zrobić.

[damian23]

Darku dzięki za odpowiedź, strona już działa jak powinna we wszystkich przeglądarkach nawet w IE (przynajmniej u mnie).

Problemem było najprawdopodobniej używanie przeze mnie w treści znaczników </br>,
których firefox i opera nie obsługuje najwyraźniej co powodowało nachodzenie tekstu na inne elementy i rozłażenie się ich. Zastąpiłem je <p> na początku każdej linijki tekstu.

PS: Kontakt jest zrobiony w formie jpg tylko tymczasowo, prawdopodobnie dzisiaj będę to poprawiał.

[www.skrypty.pro]

Kolego a uświadom mnie gdzie to się rozjeżdża bo ja jakoś tu nic nie widzę... A może juz poprawiłeś?

[jamart]

Po pierwsze proponuje zbliżyć się do standardów xhtml'a i poprawić poniższe błędy.
http://validator.w3.org/check?uri=http% ... ne&group=0

widać nie wziąłeś sobie do serca powyższej uwagi.

szanująca się strona a TYM BARDZIEJ strona poświęcona projektowaniu i tworzeniu www MUSI spełniać przynajmniej podstawowe standardy a tu widzę nawet błędy o niepozamykanych tagach.
Co jak co ale to trochę mało profesjonalne.

P.S.
- U mnie menu przy najechaniu się rozjeżdża (FF).
- Pod IE7 menu jest zupełnie rozjechane.
- Pod operą menu tak jak w FF + nie działa textarea do szybkiego kontaktu
- chrome menu jak w FF i Opera.

to takie kwiatki wyłapane w kilka sekund.

pozdr.

[domeniarz]

U mnie się nie rozjeżdża, ale na panoramicznym monitorze rzeczywiście nie wygląda najlepiej... Masz na sztywno zdefiniowaną szerokość strony w pliku CSS (1300px). U mnie to wygląda jak strona przeskalowana tak na 70% Przez to jest mało czytelna...