Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Maksymalna wysokośc?
Forum PHP.pl > Forum > Po stronie przeglądarki > CSS
tumeks
Witam mam problem na stronie www.knights.pl mam layouta z divów i div right zawsze ma wysokosc taką, ile tekstu się znajduje w tym divie a chciałbym żeby ten div, miał wysokośc do stopki ewentualnie gdy bedzie więcej tekstu, żeby wysokośc sie zwiekrzyła.

To jets kod CSS diva right:
  1. #right {
  2. float: right;
  3. width: 605px;
  4. height: auto;
  5. background-color: #eceef4;
  6. border: 1px solid #969696;
  7. margin: 5px 0;
  8. padding:5px 5px;
  9. }


Pozdrawiam
siemakuba
nie takie wcale proste zadanie zobie wymyśliłeś :)
polecam lekturę http://www.positioniseverything.net/articles/onetruelayout/
pozdr.
Zajec
Cytat(siemakuba @ 3.06.2006, 20:30 ) *
nie takie wcale proste zadanie zobie wymyśliłeś smile.gif
polecam lekturę http://www.positioniseverything.net/articles/onetruelayout/
pozdr.

Jesteś pewien?

Jestem prawie pewien, że widziałem gdzieś rozwiązanie tego problemu z użyciem float i clear.

Chodzi o to, żeby prawy div miał wysokość zawsze równą lub większą od wysokości levego diva.
siemakuba
Cytat
Jesteś pewien?
hmm. szczerze przyznam, że sam nie próbowałem - nigdy nie było mi to potrzebne. To, że nie jest to proste (hm, może inaczej, nie tyle nie proste, co dość kombinacyjne) oparłem na rozwiązaniach które widziałem - masa kombinacji z ujemnymi marginesami itp. No, nie wyglądało to prosto :)
Cytat
Jestem prawie pewien, że widziałem gdzieś rozwiązanie tego problemu z użyciem float i clear.
Jakbyś odnalazł cokolwiek prostszego od tego rozwiązania z One True Layout to daj info.

pozdr.
mynio
zobacz na te przykłady
http://css-discuss.incutio.com/?page=ThreeColumnLayouts

pzdr
Zajec
Przeszukałem sporo gotowych layoutów i znalazłem ten, którego szukałem. Faktycznie nie było w nim takie rozwiązanie, jakie jest tu potrzebne.

Co nie zmienia faktu, że wymyśliłem coś ciekawego :-)

1) Usuń marginesy górne i dolne divom: #left oraz #right
2) Obejmij divy #left oraz #right dodatkowym divem <div id="container">
3) Dodaj do CSS kod:
Kod
#container { margin: 5px 0; }


Jestem teraz zajęty, później dopiszę dalej. Ale mam dobry pomysł, który musi zadziałać ;-)
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.