problem z przesunięciem na stronie

[lorcyk]

Witam aby zaprezentować problem luknijcie na zdjęcie
[url]http:/www.lorcyk.pl/tło.bmp[/url]
zaznaczyłem tam fragmenty strony a teraz opisze w czym problem
tam gdzie 3 jest system newsów ma ona taki kod css

Kod: Zaznacz cały

#glowny-box-news {
	background-image:url(images/glowny_box_new.gif);
	background-repeat: no-repeat;
	position:absolute;
	left:32px;
	top:448px;
	width:600px;
	height:325px;
}

po wpisaniu np:4 newsów ten czwarty chowa sie pod
8 i 9 są to stopki które mają następujący kod css
8

Kod: Zaznacz cały

#dolna-adres {
	background-image:url(images/dolna_adres.jpg);
	position:absolute;
	left:30px;
	top:931px;
	width:883px;
	height:134px;
}

9

Kod: Zaznacz cały

#dolna-copy {
	background-image:url(images/dolna_copy.gif);
	position:absolute;
	left:30px;
	top:1067px;
	width:885px;
	height:66px;
}

jak zrobić aby automatycznie po dodaniu 4 newsa 8 i 9 obniżały sie automatycznie(to samo w przypadku 3 newsów ale o wiekszej tresci )
prosze o porady

[patrc]

Po pierwsze link, który podałeś nie działa, mała wpadka z "Ł"
Dla pozostałych: sprawny link do tej makiety strony http://www.lorcyk.pl/tlo.bmp

A co do tego "automatycznego obniżania" 8 i 9 to może spróbuj tak wklejając poniższy kod dla bloku newsów-3:

Kod: Zaznacz cały

#glowny-box-news {
   background-image:url(images/glowny_box_new.gif);
   background-repeat: no-repeat;
   position:absolute;
   left:32px;
   top:448px;
   width:600px;
   height:auto;
}

[lorcyk]

Witam zmiana parametru na auto niestety nic nie daje ma ktoś jeszcze jakiś inny pomysł

[lorcyk]

zauważyłem jedno jeśli belce nr 9 ustawie position:relative;
to utomatycznie sie ustawia niestety nie ziała to jeśli chodzi o belke nr 8

[anisa]

Zupełnie nie rozumiem, dlaczego używasz absolute i relative. Przeciez taki layout mozna zbudować bez tego.
Układasz od gory elementy 1,2 oraz 4 nadając im odpowiednia wysokość/szerokosc.
Nastepnie wstawiasz dwie kolumny - 1 zawierającą element 3, ktorej nadajesz wymiary oraz float left oraz druga, która bedzie zawierać elementy 5,6,7 i będzie float: right.
Pod tym dajesz diva clear:both i układasz jeden pod drugim elementy 8 oraz 9.

Jeśli potrzebujesz pomocy, daj znac.
Buzka,
Anita

[anisa]

Jeśli jednak upierasz sie przy relativach do spróbuj dodać jak poniżej:

w html

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

w css

.clear {clear: both;}