Zdjęcie obrazujące zokład strony :


Mam problem z Divami. Mianowice standardowy szablon strony Menu (różowe), Główna cześć (zielona) i stopka(niebieska).
Menu i główna cześć są w kolejnym Divie (szary)

a więc tak:
menu ma w stylach ustawione position relative i jeżeli menu sie powiększy to stopka zjedzie w dół tak jak powinna.

Niestety dla cześci głównej position relative sprawia, że zaczyna ono się dopiero na wysokości zakończenia menu, więc dałem absolute i wypozycionowałem je na równo z menu. Powoduje to jednak, brak przesuwania stopki po zwiekszeniu wysokosci glownej cześci (dodajac do niej zawartość).

Jak mogę sobie z tym poradzić??

Idź w tym kierunku:

zaczęło działać dla relative tylko, że teraz stopka zamiast zacząć się na końcu menu albo głownej cześci jest na górze

To daj dla bloku, który obejmuje #menu i #content właściwość overflow: auto;

Niestety ale nic to nie zmieniło

[HTML] pobierz, plaintext 
.LeftMenu
{
	overflow: auto;
	width:201px;
	float: left;
	background-image: url('images/leftMenu.jpg');
   position: relative;
	top:0px;
	background-repeat: repeat-y;
}
 
.main
{
 
	background-image: url('images/main.jpg');		
	width:791px;
	float: right;
	overflow: auto;
	position: relative;
	background-repeat: repeat-y;
	top: 0px;
	min-height: 100px;
}
 
.Middle
{
	position:absolute;
	top:560px;
	width:1000px;
	background-color: gray;
 
}
[HTML] pobierz, plaintext 

Może ten Middle coś mąci. To jest ten Div, w którym jest zapakowane menu i głowna część

jeżeli masz gdzieś position: absolute, to wtedy ten element nie zajmuje w ogóle miejsca i inne się nim nie przejmują zajmując miejsce. pousuwaj to position absolute, na pewno nie jest potrzebne. dobrą radę dostałeś żeby float'ować.

jak po menu i treści dasz stopkę (jeszcze wewnątrz szarego div'a) i napiszesz, że ma być clear: both, to juz wtedy będzie git. bo divy floatowane też nie mają wysokości. EWENTUALNIE jeśli nie chcesz ruszać stopki to po menu i treści daj pustego div'a z clear: both.

- po co? Wykorzystaj body i html, dla nich też możesz nadawać tło, ustawiać marginesy itp.

Daj:
1. Dla menu float:left
2. Dla treści float:right
3. Dla stopki wyłącz opływanie z obu stron: clear:both

I staraj się nie używać pozycjonowania relatywnego (że już nie wspomnę o absolutnym) - podstawa to float + marginesy.

~Pilsener a czemu odradzasz pozycjonowanie relatywne? Posiada ono bardzo duzo możliwści. Dzięki niemu można na przykład pozycjonować absolutnie wg. obietktów pozycjonowanych relatywnie.