login  Naam:   Wachtwoord: 
Registreer je!
 Forum

Scrollbar verbergen in body maar tonen in div

Offline DriesA - 19/08/2011 15:06
Avatar van DriesALid Hoi,

In mijn body verberg ik mijn scollbars via overflow: hidden maar in 1 van de 3 divs in de pagina zou er wel een verticale scrollbar moeten getoond worden wanneer nodig.

Ik heb header, leftmenu, pagina footer als div. De enige die een scrollbar zou mogen tonen is de pagina-div.
Maar als ik in die div een class toevoeg waar in ik overflow-y: scroll zet, wordt de verticale scrollbar niet getoond.

Iemand enig idee?

Alvast bedankt.

2 antwoorden

Gesponsorde links
Offline vinTage - 19/08/2011 15:12
Avatar van vinTage Nieuw lid Niet dat ik je helemaal snap, maar de optie 'auto' al geprobeerd ?
Offline DriesA - 20/08/2011 14:09
Avatar van DriesA Lid Misschien iets handiger met details 

  1. body{
  2. margin:0;
  3. padding:100px 0 0 0;
  4. overflow-x: hidden;
  5. overflow-y: auto;
  6. background-color=#EDC58A;
  7. }
  8. div#header{
  9. position:fixed; top:0;
  10. left:0;
  11. width:100%;
  12. height:80px;
  13. background-color:#888888;
  14. }
  15. div#ruler{
  16. position:fixed; top:80px;
  17. left:0;
  18. width:100%;
  19. height:10px;
  20. background-color:#FF8000;
  21. }
  22. div#navPanel{
  23. background-color: #888888;
  24. position:fixed;
  25. top: 90px;
  26. left:0px;
  27. width: 150px;
  28. height: 100%;
  29. }
  30. ul.menuUL{
  31. list-style-type: none;
  32. padding: 15px;
  33. margin-left: 0px;
  34. }
  35. div#pageContent{
  36. background-color: #EDC58A;
  37. position: absolute;
  38. top: 90px;
  39. height: 100%;
  40. left: 150px;
  41. width: 100%;
  42. padding: 10px;
  43. z-index: -1;
  44. }
  45. div#footer{
  46. left: 0px;
  47. height: 100px;
  48. }
  49. @media screen{
  50. body>div#header{
  51. position:fixed;
  52. }
  53. body>div#ruler{
  54. position:fixed;
  55. }
  56. }
  57. * html body{
  58. overflow:hidden;
  59. }
  60. * html div#pageContent{
  61. position:absolute;
  62. margin-left:10;
  63. height:100%;
  64. }


Bovenestaande mijn CSS-file.

Probleem 1:
Momenteel heb ik mijn mijn body overflow-x op hidden gezet en -y op scroll want als ik -y daar ook op hidden zet, en ik zet -y op scroll in een div, krijg ik daar geen scrollbalk te zien.
Bedoeling is dat ik enkel in de div pageContent een vertikale scrollbalk zou krijgen.

Probleem 2: ik zou de hoogte van de div navPanel automatisch gelijk willen krijgen met de div pageContent. Hoe kan ik dat doen als ze beide een verschillende achtergrond hebben?
Gesponsorde links
Je moet ingelogd zijn om een reactie te kunnen posten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.18s