Witajcie
Jest taki problem:


chcialbym wstawic diva w divie jak na rysunku.
div 1 ma 800x400px a div 2 np 250x100px.
Chcialbym aby div2 lezal w odleglosci 50px od prawej i dolnej krawedzi diva1 i na jego polozenie nie miala wplywu zawartosc diva1.Np jesli w diva wstawie text lub img lub cos jeszcze innego chcialbym aby div2 zawsze byl w tej samej pozycji.

Czy ktos moze podpowiedziec jak powinien wygladac css takiego ukladu?
Walcze z tym od kilku godzin i nic jak w FF wyglada ok to w IE5 sie sypie lub jak w IE wyglada ok to w FF wychodza smiesznosci.
ustawilem pozycje relatywna, ustawilem zindexy a i tak sie sypie.
Chcialbym aby dzialalo to w FF2 i 3 oraz IE 5-7.

za wszelkie info z gory dziekuje i pozdrawiam

dla diva pierwszego (rodzica) ustaw:


A dla tego w środku:

a słyszałeś o czymś takim jak definiowanie stylu specjalnie pod każdą wersję przeglądarki? detekcja przez javascript, hacki w css lub w kodzie html jak ...

[HTML] pobierz, plaintext 
<!--[IE 6]-->
[HTML] pobierz, plaintext 

itp. itd. etc.

no tak ja dla obu wpisywalem relative ;-) moj blad.
Ale tak swoja droga mam pytanie. Czy mozecie polecic jakas dobra ksiazke o CSS ?
Interesuje mnie pozycja ktora bedzie traktowala o CSS2 w kontekscie uzywania styli w IE5-7 i FF2-3, oraz czegos takiego jak odwolania do elementow html znajdujacych sie w DIVach

za pomoc i info z gory dziekuje

Mi strasznie pasowała utopia HTML + sieć
helion.pl/ksiazki/uthtml.htm