Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Problem z wysokością div'a
Forum PHP.pl > Forum > Po stronie przeglądarki
zaajcu
Cześć mam taki kod:

  1. <div id="page">
  2. <div id="naglowek"></div>
  3. <div id="menu"></div>
  4. <div id="info">
  5. </div>
  6. <div id="stopka"></div>
  7. </div>


i takiego css'a
  1. html,body
  2. {
  3. margin: 0;
  4. padding: 0;
  5. height: 100%;
  6. }
  7. div#page
  8. {
  9. height: 100%;
  10. width: 1000px;
  11. margin: 0 auto;
  12. padding: 0;
  13. border: 1px solid grey;
  14. font: 12px/22px Arial, sans-serif;
  15. color: #81868B;
  16. }
  17. div#naglowek
  18. {
  19. width:100%;
  20. display:block;
  21. height: 80px;
  22. border-bottom: 1px solid grey;
  23. }
  24. div#menu
  25. {
  26. width:150px;
  27. height:100%;
  28. border-right: 1px solid grey;
  29. display: inline-block;
  30. float: left;
  31. }
  32. div#info
  33. {
  34. width: 849px;
  35. height:100%;
  36. display: inline-block;
  37. }
  38. div#stopka
  39. {
  40. width:100%;
  41. display:block;
  42. height: 20px;
  43. border-bottom: 1px solid grey;
  44. }


chciałbym żeby <div id="menu"> i <div id="info"> były na całą wysokość strony minus div#naglowek i div#stopka
!*!
Było już kilka razy na forum http://jsfiddle.net/Q48Bv/ chyba że chcesz uzyskać tzw. efekt aplikacji. wtedy musisz nadać position:absolute minus odpowiednie wysokości względem np footer do menu + display: table
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.