wyrównanie do dołu dwóch DIVów z atrybutami float Opcje

[wudz]

witam,

mam dwa divy, z parametrami float:left i float:right, w prawym ma być tekst a w lewym obrazek, chciałbym, aby obrazek zawsze był u samego dołu strony niezależnie od tego ile będzie tekstu po prawej stronie,

czy da się coś takiego zrobić bez używania tabel i w tych tabelach vertical-align?

pozdrawiam serdecznie

---------------------------------------------------------------------------------------------------------

dobra, znalazłem

http://www.jakpsatweb.cz/css/css-vertical-...r-solution.html

pozdrawiam

Ten post edytował wudz 21.07.2006, 16:20:28

[mariuszn3]

Pierwszy problem jest taki.. jeśli będziesz miał dwa div'y jeden z floatem na lewo drugi na prawo.. to te divy będą od siebie nie zależne.. to znaczy na tego na lewo w ogóle nie będzie miała wpływu ilość tekstu w tym na prawo (chyba, że zacznie go ograniczać swoim rozmiarem).. tak więc w ten sposób tak jakbyś chciał tego obrazka nie umieścisz.
Widzę pewne rozwiązanie i myślę że da się to osiągnąć w ten sposób:
html:

[HTML] pobierz, plaintext 
<div id="main">
<div id="content"><p>text.....</p></div>
<div id="other"><img /></div>
</div>
[HTML] pobierz, plaintext 

css:

Kod

#content {
        float:right;
}
#content:after {
    clear:both;
    display:block;
    content:"";
    height:0;
}
#other {
        height:100%;
}
#other img {
        position:relative;
        bottom:0;
}

Nie sprawdzałem tego, więc może jeszcze czegoś potrzebować by zadziałać.. i też ten kod (jeśli) zadziała tylko w nowoczesnych przeglądarkach (dla ie (nawet ie7) trzeba by parę linijek dopisać).