[CSS][Problem] Pozycjonowanie div'ów

[Senzu]

witam!

Mam taki oto drobny problem. Projektuje strone opartą wyłącznie na div'ach. Jej szkielet składa sie z 3 div'ów. 1-wszy górny w którym znajduje sie menu o szerokosci ok 700px,, 2-gi jest to div umieszczony pod górnym i przyczepiny z lewej strony o rozmaiarze 400 px. 3 to div umieszczony zaraz obok tego przyczepionego do lewej strony którego rozmiar jest ustawiony na auto i margines od lewje strony wynosi 480 px zeby był odstep do 2 o 5 px. I teraz problem: mam kolejnego div'a w którym znajdujes sie pewna tresc. Div ten znajdujes sie w tym 3 czyli tym umieszczonym po prawej stronie i chce aby on znajdowała sie na samym dole tego diva. próbowałęm róznych sposobów, od marginesu od góry ustawionego na pewna wysokosc ale w tedy IE 6 wyświetla strone poprawnie, natomiast firefox przesówa mi całego 3 diva czyli ttego po prawaje stronie o tą wartość a div który chciałem zeby był umieszczony u spodu jest nadala na górze tego przesunietego div'a. Przejsciowo uzylem dopełnienia (padding) o pewnej wartosci i wtedy działa elegancko. A ja chciałbym aby ten div znajdował cie cały czas na dole bez wzgledu na zawartosc tego prawego div'a i zeby ich nie przesował gdy text sie nie miesici w zadeklarowanej wysokosci.

Z góry dzieki za pomoc !

[Mateusz Bogolubow]

jesli dobrze zrozumialem to powinno pomoc:

Kod: Zaznacz cały

vertical-align: bottom

choc podobno slabo jest wspomagane przez przegladarki... nie wyprobowane wiec moze nie dzialac...

[Senzu]

probowalem ale nic z tego :/
bede próbował innych metod ...

[Gość]

ostatecznie zostałęm przy tym paddingu. Ale z koleji inny problem dodałęm nastepnego div'a na samym dole tzw. footer ma jego kod w css'ie wygląda tak:

Kod: Zaznacz cały

#footer {
        clear: both;
        padding: 0;
        margin 0 auto;
        font-size: small;
        line-height: 15px;
        letter-spacing: 3px;
        border-top: 10px solid #95a580;
        width: 700px;
        }

i teraz tak jezeli uruchomie strone w firefox'ie 1.0 div ten ma tak jakby margines od od górnej krawedzi i jest taka luka miedzy nim a 2 górnymi div'ami, w IE 6 działa poprawnie. a teraz taki myk ze jezeli w firefox'ie odświeze strone div ustawia sie poprawnie czy li zaraz pod tymi dwoma divami i nie ma zadnej luki.
Czy jest mi w stanie ktos powiedzec co jest nie tak ?
W razie czego ponizej jest kod 2 powyzszych div'ów:

Kod: Zaznacz cały

#lewa   {
        float: left;
	margin: 0;
	margin-top: 10px;
	border: 0;
        width: 475px;
        min-height: 300px;
        }
#prawa  {
        text-align: center;
	margin: 0;
        margin-left: 480px;
        margin-top: 10px;
	border: 0;
        width: 220;
        background: #cc9;
        min-height: 300px;
        }

[delfin]

Dla tego diva w divie daj margin dla bottom 0 a dla gory auto. Powinno dzialac w xhtml1.1