Witam!

Mam problem, z pewną stroną.

Gdy tam gdzie jest treść, treści jest za mało, to kontakt wskakuje, pod tą treść. Przykład:
-> link
Rozwiązaniem jest dodanie <br>, jako treść.
-> link (pod tym szlaczkiem są <br>)
Ale wtedy brzydko to wygląda. Chciałbym, aby menu było pod sobą, a nie pod czymś innym. Tak jak tutaj:
-> link
Niestety nie wiem jak to zrobić.

Próbowałem dać clear: both, ale wtedy tekst był na dole. Pozycjonowanie, realative, czy absolute również nic nie pomagało.

Proszę o pomoc!

PS: nie przejmujcie się stroną i jej wyglądem.

Dzielisz twoje #page na 2 kolumny: lewa i prawą , za pomocą divów.

[HTML] pobierz, plaintext 
#lewa
{
float: left;
width: 150px;
}
#prawa
{
margin-left: 150px;
}
[HTML] pobierz, plaintext 

z twoich .sidebar usuwasz float: left;

W #lewa wrzucasz stwoje .sidebary

nie wiem dlaczego używasz tyle list <ul>... lepiej robić tak jak napisał wookieb, ewentualnie dodaj temu divowi "kontakt" odpowiedniego clear

Tak jak pisze wookieb, wstaw dodatkowego diva, w którego wsadzisz lewe menu (menu głowne, pamiątki sakralne, bizuteria, kontakt). Nadaj mu float left i margines jaki ci odpowiada. Możesz też ustawić min-height dla diva z treścią, ale to rozwiązanie nie będzie najlepszym.

No działa! Dziekuję!