position relative po absolute...

[vdo29b]

Robię właśnie layout, ale mam problem z rozmieszczeniem elementów, tzn.

mam zdefiniowane

BODY {text-align: center; margin: 0}
#calosc {position:relative;
 width: 756px;
 text-align: center;
 margin: 10px auto 0px auto;
}

.el1 {position: absolute; reszta parametrów}
.el2 .... tak jak wyzej aż do el20

.tresc {width: 729px;
top:275px; position:relative;}
.stopka {
width: 729px; height: 41px; 
		  position: relative;
margin: 0px auto 0px auto;}
na stronie
<div id="calosc">
... divy z class el1 do el20
<div class="tresc"></div>
</div>
<div class="stopka">Stopka</div>

El1 do el20 to elementy strony, bardzo ładnie poukładane obok siebie (tresc tez na swoim miejscu), przy pomocy position: absolute...

ale problem w tym ze stopka pojawia mi się w połowie treści? Jak to wyjaśnić? Jak naprawić? Przeniesienie stopki do wnętrza całosci tez daje jakieś anomalia.

[yavaho]

<div class="stopka" style="clear:both;">Stopka</div>

albo

<br style="clear:both;"/ >
<div class="stopka">Stopka</div>

[vdo29b]

to niestety za wiele nie pomogło...

ale teraz zrobiłem tak:

-to co na górze poustawiałem absolute (czyli tak jak było)

-warstwa środkowa, relative odsunięta od góry o wysokość wszystkich tych połączonych elementów powyżej

-pod tym stopka też dobrze sie ułożyła.

Ale jest nowy problem - chodzi o warstwę środkową (z treścia).

Mam tak:

<div id="tresc" style="wyrównanie + tło"><!--tło dla tresci-->

<div class="kolprawa" syle="float:right;"><!--menu dodatkowe--></div>

<!--tresc-->
</div>

A chcem mieć tak:

<div id="tresc" style="wyrównanie + tło"><!--tło dla tresci-->

<div class="kolprawa"></div>
		  <div class="kollewa"> <!--tresc--> </div>

</div>

Po prostu, chcę mieć 2 kolumny obok siebie, a nie jak teraz oblewany fragment (mam tak dlatego, że id=tresc zawiera tło. Jesli treść sie powieksza to tło także rosnie, i jest ok. Natomiast jeśli zrobię w bloku tresc 2 bloki na kolumny i tam wkleje zawartość, to całe tło mi znika (tak jak by tam nic nie było). Rozkrojenie tła dla bloków na prawa kolumne, i lewa tez nic nie da bo gdy będą mieć różne długości layout nie bedzie się schodzić.

Dla kogoś kto się w tym już dlużej bawi to pewnie drobnostka. Ja porzuciłem tabelki jakieś 2 tygodnie temu, i musze przyznać, że robienie całościowo stron z wykorzystaniem CSS idzie mi jak krew z nosa...

... dlatego proszę o rade.

Rozwiązaniem byłoby np. gdyby rodzic (nadrzedna warstwa) rosła wraz z dzieckiem - wykonalne?

[vdo29b]

<div class="stopka" style="clear:both;">Stopka</div>

albo

<br style="clear:both;"/ >
<div class="stopka">Stopka</div>

Yavaho dzięki za pomoc! Dobrze napisałeś ale nie dodałeś ze warstwy muszą być position: static, aby wszystko było ok (stad ten 2 post). Dla tych co mają / mieli podobny problem drugim sposobem na moje bolączki byłoby podczepienie pod body tego tła (rozciągnie się na całą stronę) a później góre i dół zasłaniamy warstwami.