ugrás a tartalomhoz

Befoglaló div magassága igazodjon a tartalomhoz

Anonymous · 2006. Aug. 13. (V), 21.25
Sziasztok.

Van egy html file-om:
  1. <div id="wrapper"><!-- Tartó div eleje -->  
  2. <div id="content"><!-- Tartalom eleje -->  
  3.   
  4.             <div id="left">  
  5.             </div>  
  6.   
  7.             <div id="right">  
  8.             </div>  
  9.   
  10. </div><!-- Tartalom vége -->  
  11. </div><!-- Tartó div vége -->  
  1. #wrapper {  
  2.     margin: 0px auto 15px auto;  
  3.     width: 800px;  
  4.     height: auto;  
  5.     border-bottom: 1px solid blue;  
  6. }  
  7.   
  8. #content {  
  9.     margin: 1px 0 0 0;  
  10.     border-top: 3px solid #3296dc;  
  11. }  
  12.   
  13. #left {  
  14.     float: left;  
  15.     width: 600px;  
  16.     height: 430px;  
  17.     background: #ff9900;  
  18. }  
  19.   
  20. #right {  
  21.     float: right;  
  22.     width: 190px;  
  23.     background: blue;  
  24.     height: 230px;  
  25. }  
Mivel nem müködik, vagyis a wrapper nevű div nem nyúlik együtt a tartalommal, így nyilván valamit hibásan csináltam. Mi lehet a gond?
‹ Opera és Firefox 10-20px-szel az Explorernél lejjebb tol elemeket Hogy küldjem át IE-ben a select értékét JS-ből? ›
 ■
1

overflow

Anonymous · 2006. Aug. 14. (H), 10.28
Ha minden igaz akkor a content-nek sem kellene nyúlnia, úgyanis a belső left, right diveket "lebegteted", ezért ilyenkor a befoglaló div nem veszi fel a lebegő divek magasságát, megoldás: overflow: auto a content-nek és a wrapper-nek is. (height: auto pedig nem kell)
2

sztem

Anonymous · 2006. Aug. 14. (H), 13.20
elég csak a contentnek egy overflow érték,
lehet hidden is ha a befoglaló
diveknek nincs fix magasságuk.
plusz még egy clear: both; sem árt.
3

csak clear

Fekete Ferenc GDA · 2006. Aug. 14. (H), 20.35
csak egy clear: both tulajdonságú div kell a right után és kész. Bár én jobban szeretem a clearfix-hacket, ami plusz div elem nélkül csinálja a cleart.