Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: wyrównanie do dołu dwóch DIVów z atrybutami float
Forum PHP.pl > Forum > Po stronie przeglądarki > HTML \ XHTML
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
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:
  1. <div id="main">
  2. <div id="content"><p>text.....</p></div>
  3. <div id="other"><img /></div>
  4. </div>

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ć).
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.