login  Naam:   Wachtwoord: 
Registreer je!
 Forum

Float probleem (Opgelost)

Offline tomate - 07/07/2008 19:40 (laatste wijziging 07/07/2008 19:41)
Avatar van tomateLid Hy,

Ik heb het volgende probleem: de div waarin twee andere divs staan met de eigenschap float:left pas zich niet aan aan de hoogte van die divs.

Html code (de inhoud (tekst) heb ik weggelaten):
html4strict code - Bekijk de code zonder highlighting - Klap code in 
  1. <div id="header"></div>
  2. <div id="inhoud">
  3. <div id="sub_links"></div>
  4. <div id="sub_rechts"></div>
  5. </div>
  6. <div id="footer"></div>


De css code (header en footer heb ik weggelaten):
css code - Bekijk de code zonder highlighting - Klap code in 
  1. #inhoud{
  2. 	background: #ededed;
  3. 	width:967px;
  4. 	height:auto;
  5. }
  6. #sub_links{
  7. 	height:100%;
  8. 	width:656px;
  9. 	float:left;
  10. }
  11. #sub_rechts{
  12. 	background:#d6d6d6;
  13. 	height:100%;
  14. 	width:311px;
  15. 	float:left;
  16. }


Van te voren: bedankt  

5 antwoorden

Gesponsorde links
Offline dirk_ve - 07/07/2008 20:48
Avatar van dirk_ve Nieuw lid voeg aan #inhoud toe:

overflow: hidden;
Offline tomate - 08/07/2008 15:23
Avatar van tomate Lid Het lukt nog niet hoor
Offline Ontani - 08/07/2008 15:30
Avatar van Ontani Gouden medailleGouden medailleGouden medailleGouden medaille

-1		 onderaan de container div net voor </div> zet je:
<div style="clear:both;"></div>

dat zou je probleem moeten oplossen
Offline dirk_ve - 08/07/2008 18:15
Avatar van dirk_ve Nieuw lid
tomate schreef:
Het lukt nog niet hoor

html4strict code - Bekijk de code zonder highlighting - Klap code in 
  2.     <head>
  3.         <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  4.         <title>Untitled Document</title>
  5.         <style type="text/css">
  6.             #inhoud {
  7.                 background: #ededed;
  8.                 width: 967px;
  9.                 overflow: hidden;
  10.             }
  11.  
  12.             #sub_links {
  13.                 width: 656px;
  14.                 float: left;
  15.                 background: #f00;
  16.             }
  17.  
  18.             #sub_rechts {
  19.                 background: #d6d6d6;
  20.                 width: 311px;
  21.                 float: left;
  22.             }
  23.         </style>
  24.     </head>
  25.     <body>
  26.         <div id="header">
  27.         </div>
  28.         <div id="inhoud">
  29.             <div id="sub_links">
  30.                 sub links
  31.             </div>
  32.             <div id="sub_rechts">
  33.                 sub rechts
  34.                 <br>
  35.                 sub rechts
  36.                 <br>
  37.                 sub rechts
  38.                 <br>
  39.                 sub rechts
  40.                 <br>
  41.                 sub rechts
  42.                 <br>
  43.                 sub rechts
  44.                 <br>
  45.             </div>
  46.         </div>
  47.         <div id="footer">
  48.         </div>
  49.     </body>
  50. </html>


Div inhoud is altijd hoogte van grootste floated element.

Met div toevoegen lukt het ook.
Offline tomate - 08/07/2008 19:46
Avatar van tomate Lid Bedankt
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.185s