Poważny problem z CSS

[secretservice 0]

Witam.

Otóż mam problem z kodem CSS.

Adres strony: http://www.forum.ugraj.com

Chodzi o wyświetlanie górnego menu - na firefoxie jest poprawnie, podobnie na IE.

Niestety na przeglądarkach webkitowych jest problem i następuje rozjazd.

Nie wiem czym jest to spowodowane, w menu nie ma deklaracji, które nie byłyby obsługiwane przez przeglądarki z tej rodziny.

 

Kod CSS:

http://www.wklej.org/hash/e9e27af6ec6/

 

I jeszcze screeny:

IE: http://puu.sh/38dfF.jpg

Firefox: http://puu.sh/38dem.png

Chrome: http://puu.sh/38dd3.png

 

Za pomoc w rozwiązaniu problemu mogę nawet zaoferować niewielką opłatę (do uzgodnienia). Aczkolwiek myślę, że problem nie jest poważny i ktoś mi pomoże z dobrego serca.

Pozdrawiam

[PapaSmerf 497]

Na początek poprawł błędy HTML, masz źle pozamykane divy - to powinno pomóc.

[secretservice 0]

Owszem w pliku overall_header mam jeden niezamknięty div, jednak gdy go zamknę to rozjeżdża mi się już forum całkowicie.

Tutaj kod z tego pliku: http://www.wklej.org/hash/662dd28f5bd/

[PapaSmerf 497]

Zobacz sobie jaki kod Ci zwraca przeglądarka i go popraw, bo masz spaghetti. Zobacz na pierwszego diva o klasie a. Najpierw otwierasz diva, potem formularz, zamykasz odwrotnie...

 

Tak samo dalej, najpierw popraw te błędy.

[GyniO 10]

#gora i jego elementy powinny mieć heighta 40px a nie 30px

 

na webkicie zapewne .logowanie nie złapało margin-top: 8px, każdy input w tej klasie musiałby dostać: float: left i będzie pasować.

 

 

#logodesc nie musi mieć width: 100%; ( powinno samo rozciągnąć) bo tutaj na pewno się pojawi problem na smartfonach gdzie będzie ci Ciachać menu.

 

W wielu miejscach przyda ci się clear:

 

.clear{clear:both}

<div class="clear"></div>

Np pomiędzy logiem i .fragu_menu a .cssmenu

Edytowano Czerwiec 4, 2013 przez GyniO (zobacz historię edycji)