login  Naam:   Wachtwoord: 
Registreer je!
 Forum

div automatisch groeien naar beneden probleem!

Offline billyboy - 12/01/2009 12:41
Avatar van billyboyNieuw lid Beste mensen,

Ik heb een probleem met de layout van mijn webpagina. Ik krijg het maar niet voor elkaar om een div (id=left_menu2, blauwe lijn) automatisch te laten groeien naar beneden zo groot als het venster is.
Wie kan me helpen, ik heb al vanalles geprobeerd.

  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
  2. <TITLE>webpage</TITLE>
  3. <STYLE title=currentStyle type=text/css media=screen>
  4. /* basic elements */
  5. html {
  6. margin: 0;
  7. padding: 0;
  8. height: 100%;
  9. }
  10. body {
  11. margin: 0;
  12. padding: 0;
  13. height: 100%;
  14. width: 100%;
  15. }
  16.  
  17.  
  18. /* specific divs */
  19. #container {
  20. width: 100%;
  21. height: 100%;
  22. margin: 0;
  23. border: 1px dotted black;
  24. }
  25.  
  26. #left_container {
  27. width: 180px;
  28. height: 100%;
  29. float: left;
  30. border: 1px dotted red;
  31. }
  32.  
  33. #header {
  34. display: block;
  35. width: 180px;
  36. height: 200px;
  37. }
  38.  
  39. #top_logo {
  40. width: 180px;
  41. height: 60px;
  42. }
  43.  
  44. #left_menu_container {
  45. width: 180px;
  46. border: 1px dotted green;
  47. }
  48.  
  49. #left_menu1 {
  50. background: transparent url(./pictures/menuleft.jpg) no-repeat top left;
  51. width: 180px;
  52. height: 260px;
  53. }
  54.  
  55. #left_menu2 {
  56. background: transparent url(./pictures/backleft.jpg) repeat-y top left;
  57. width: 180px;
  58. border: 1px dotted blue;
  59. }
  60.  
  61. #right_container {
  62. }
  63.  
  64. #top_menu {
  65. background: transparent url(./pictures/head.jpg) repeat-x top left;
  66. height: 150px;
  67. }
  68.  
  69. #right_sub_container {
  70. }
  71.  
  72. #left_selector_container {
  73. width: 90px;
  74. margin-bottom: 0px;
  75. float: left;
  76. }
  77.  
  78. #left_selector1 {
  79. background: transparent url(./pictures/menuright8.jpg) no-repeat top left;
  80. width: 90px;
  81. height: 450px;
  82. }
  83.  
  84. #left_selector2 {
  85. background: transparent url(./pictures/backright.jpg) repeat-y top left;
  86. width: 90px;
  87. margin-bottom: 0px;
  88. }
  89.  
  90. #content_container {
  91. }
  92. </STYLE>
  93. </HEAD>
  94.  
  95. <BODY id=css-xyztec>
  96. <DIV id=container>
  97. <DIV id=left_container>
  98. <DIV id=header>
  99. </DIV>
  100. <DIV id=top_logo>
  101. </DIV>
  102. <DIV id=left_menu_container>
  103. <DIV id=left_menu1>leftmenu
  104. </DIV>
  105. <DIV id=left_menu2><p>Best viewed in 1024x768</p>
  106. </DIV>
  107. </DIV>
  108. </DIV>
  109. <DIV id=right_container>
  110. <DIV id=top_menu>
  111. topmenu
  112. </DIV>
  113. <DIV id=right_sub_container>
  114. <DIV id=left_selector_container>
  115. <DIV id=left_selector1>
  116. </DIV>
  117. <DIV id=left_selector2>
  118. </DIV>
  119. </DIV>
  120. <DIV id=content_container>
  121. content_container
  122. </DIV>
  123. </DIV>
  124. </DIV>
  125. </DIV>
  126. </BODY>
  127. </HTML>

4 antwoorden

Gesponsorde links
Offline shonda - 12/01/2009 12:49 (laatste wijziging 12/01/2009 12:50)
Avatar van shonda Lid Er een min-height: hoogtepx van maken.
Dan verandere je hoogte in de standaard hoogte.
Offline billyboy - 12/01/2009 13:24
Avatar van billyboy Nieuw lid jammer, net geprobeert maar dat werkt ook niet.
Offline shonda - 12/01/2009 14:51
Avatar van shonda Lid Heb je ook geprobeerd om ook min-height op de divs: left_container && left_menu2 && left_menu1 ?
Offline WouterPSV - 12/01/2009 15:14
Avatar van WouterPSV Lid Plaatscode: 67649

Alleen nu is die goed voor 1024 x 768 zoals er staat best viewed. Ik krijg het niet goed met de % . hoop je iig stukje op weg te hebben geholpen
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.167s