Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Dwa pionowe divy ala tabelka
Forum PHP.pl > Forum > Po stronie przeglądarki > CSS
dannyrush
Witam. Nie mogłem znaleźć nigdzie pomocy, szukałem na internecie ale nie znalazłem odpowiedzi :/

Robię dajmy na to stronę podzieloną na treść z lewej, a menu sidebar z prawej które ma kolor niebieski.

Jak zrobić aby niebieski div szedł do samego końca kontenera jeśli wysokość kontenera została przedłużona przez treść czerwonego diva? Po prostu chcę aby ten niebieski div był nieskończony w dół, aby nie było pod nim przerwy.
Próbowałem na wszelkie sposoby ale coś mi nie wychodzi.


Na dole przykładowa tabelka która działa w taki sposób.

  1. <style type="text/css">
  2. #cont {
  3. width: 556px;
  4. background-color: #ACACAC;
  5. }
  6. #left {
  7. float: left;
  8. width: 50%;
  9. background-color: #C77172;
  10. }
  11. #right {
  12. width: 50%;
  13. background-color: #3CB5EF;
  14. float: right;
  15. }
  16. #stopka
  17. {
  18. clear: both;
  19. }
  20. </head>
  21.  
  22.  
  23. <div id="cont">
  24.  
  25. <div id="left">
  26. <p>fqwfqwfqwf<br>
  27. qwnriqwnrqwr<br>rqwrqwrqwrqwr</p>
  28. </div>
  29.  
  30. <div id="right">
  31. Aby ta zeszła do samego końca contenera wydłużonego przez treść w divie z lewej.
  32. </div>
  33.  
  34. <div id="stopka">
  35. </div>
  36.  
  37. </div>
Comandeer
Wyświetlanie tabelkowe? Zamiast float to dla tych kolumn display: table-cell
dannyrush
Cytat(Comandeer @ 12.06.2015, 11:27:46 ) *
Wyświetlanie tabelkowe? Zamiast float to dla tych kolumn display: table-cell


a czy będzie to działać na wszystkich przeglądarkach bo z tego co wiem to pare lat temu jeszcze odradzali taki sposób
Pyton_000
Parę lat temu królowało IE 6...
dannyrush
Ok dzięki wszystkim temat zamknięty ! 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-2024 Invision Power Services, Inc.