Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> Dwa pionowe divy ala tabelka
dannyrush
post 12.06.2015, 10:26:03
Post #1





Grupa: Zarejestrowani
Postów: 3
Pomógł: 0
Dołączył: 12.06.2015

Ostrzeżenie: (0%)
-----


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>
Go to the top of the page
+Quote Post
Comandeer
post 12.06.2015, 10:27:46
Post #2





Grupa: Zarejestrowani
Postów: 1 268
Pomógł: 254
Dołączył: 11.06.2009
Skąd: Świętochłowice

Ostrzeżenie: (0%)
-----


Wyświetlanie tabelkowe? Zamiast float to dla tych kolumn display: table-cell


--------------------
Go to the top of the page
+Quote Post
dannyrush
post 12.06.2015, 10:29:07
Post #3





Grupa: Zarejestrowani
Postów: 3
Pomógł: 0
Dołączył: 12.06.2015

Ostrzeżenie: (0%)
-----


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
Go to the top of the page
+Quote Post
Pyton_000
post 12.06.2015, 10:37:38
Post #4





Grupa: Zarejestrowani
Postów: 8 068
Pomógł: 1414
Dołączył: 26.10.2005

Ostrzeżenie: (0%)
-----


Parę lat temu królowało IE 6...
Go to the top of the page
+Quote Post
dannyrush
post 12.06.2015, 10:39:13
Post #5





Grupa: Zarejestrowani
Postów: 3
Pomógł: 0
Dołączył: 12.06.2015

Ostrzeżenie: (0%)
-----


Ok dzięki wszystkim temat zamknięty ! smile.gif
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Wersja Lo-Fi Aktualny czas: 18.04.2024 - 02:37