[HTML][CSS]Łącza w menu częściowo nieaktywne, ...zależy od wysokości DIV-a zawierającego główną treść Opcje

[Blackhole]

Cześć Wam (IMG:style_emoticons/default/smile.gif)
Natknąłem się na bardzo dziwny dla mnie problem. Mam stronę http://doscniewoli.pl na której w mojej przeglądarce (Firefox 26 na systemie Debian Linux) linki w lewym menu są aktywne.
Spróbujcie teraz zmienić w GET parametr ile z 4 na 5 lub 6 i znów sprawdźcie, czy linki są aktywne. U mnie aktywne są tylko w dół od linii poziomej wyznaczonej przez dolną krawędź srodkowego DIV-a z nazwami miesięcy. Też tak macie?
Ktoś może mi powiedzieć, jak się tego pozbyć?

Ten post edytował Blackhole 23.01.2014, 17:17:16

[Luna_s20]

Z tego co widzę, to musisz po prostu poprawić styl css.
"#menu" w którym zawarte są twoje linki nawigacyjne, jest dłuższe od "#page", wystaje z niego. I to jest powód dla którego w ogóle w cokolwiek można kliknąć gdy środek jest dłuższy.

W środkowej części w ten sam #page masz wpisany #content (#page ma ustaloną szerokość na 1200px, a #content... na 100%, więc po prostu ZAKRYWA twoje menu na standardowych rozdzielczościach. Nie zapominaj że użytkownicy będą najpewniej odwiedzać stronę z RÓŻNYCH urządzeń, w tym telefonów komórkowych czy małych poręcznych laptopów - oraz z różnych przeglądarek. Nie każdy ma tv podpięte pod komputer ;]

Nie wiem, po co niepotrzebna zabawa z position: absolute, i wklejaniem w siebie aż tylu div'ów, gdy można zrobić 3 niezależne bloki z parametrem display: inline (div'y zaczną się na tej samej wysokości i będą ustawione obok siebie a nie jeden pod drugim - wtedy nie ma obawy że zmiany w jednym z nich zaszkodzą innym, nie trzeba niczego przesuwać "-533px", bo zauważyłam że prawie wszystkie twoje klasy mają ustawione parametry dla "top" i "left", co przy prawidłowej konstrukcji html byłoby zbędne. Resztę dostosujesz sobie marginesem, a przynajmniej ci się całość nie rozjedzie na innych przeglądarkach.