Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [HTML][CSS] Znowu DIV'y
Forum PHP.pl > Forum > Przedszkole
piachu
Witajcie,

Prosze o pomoc bo juz zglupialem. Efekt jaki probuje osiagnac jest nastepujacy:

Chce miec diva lewego o powiedzmy min. wysokosci 400px, ale rowniez chce zeby jego wysokosc zwiekszala sie jesli wysokosc prawego diva bedzie wieszka niz 400px, bo w prawym moze byc wiecej rzeczy lub mniej.

Domyslam sie, ze rozwiazanie jest banalne ale ja juz nie wiem jakie, szukam na necie od godziny i zaczyna mi brakowac czasu i cierpliwosci.

Moj kod wyglada tak:

  1. #wrapper
  2. {
  3. width: 950px;
  4. height: auto;
  5. margin: 0 auto;
  6. }
  7.  
  8. #left
  9. {
  10. position: relative;
  11. background-image: url("../images/gradient.png");
  12. background-repeat:repeat;
  13. width: 250px;
  14. min-height: 400px;
  15. height: auto;
  16. }
  17.  
  18. #right
  19. {
  20. position: absolute;
  21. margin-left: 250px;
  22. width: 700px;
  23. }

  1. <?php
  2. <div id="wrapper">
  3.    <div id="left">
  4.           <div id="right">
  5.           </div>
  6.    </div>
  7. </div>
  8. ?>


Teraz jak do prawego wrzuce wiecej rzeczy to on sie bez problemu rozszerza, ale lewy zostaje 400px i ni chu chu wiecej. Jak zrobic zeby sie powiekszal razem z prawym?

Prosze o pomoc, dziekuje.
hateman
http://www.alistapart.com/articles/fauxcolumns/

ogólnie tak nie powinno się rozciągać, bo to jest z tym kupa zachodu
Można też to zrobić za pomocą JavaScriptów
ale po co? smile.gif
Proponuje zrobienie Diva pod spodem z tłem jak dwa rozciągnięte divy na nim
jakiś gif 2kolorowy powielony w pionie
i wtedy masz wygląd dwukolumnowy nawet jak nie masz tych kolumn wcale :]
piachu
Oż!
Czyli normalnie na divach sie nie da? sad.gif
sowiq
Cytat(hateman @ 25.09.2008, 09:45:33 ) *
Proponuje zrobienie Diva pod spodem z tłem jak dwa rozciągnięte divy na nim
jakiś gif 2kolorowy powielony w pionie
i wtedy masz wygląd dwukolumnowy nawet jak nie masz tych kolumn wcale :]


No właśnie nie zawsze się da tak zrobić. Czasami grafik takie tło pod obie kolumny wymyśli, że się pochlastać tongue.gif Ale temat ciekawy, bo też czasami się borykałem z tym problemem. I w końcu zostawało na display:table :/
piachu
Moze jeszcze ktos madry przeczyta i podrzuci jakies sensowniejsze rozwiazanie smile.gif
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.