ugrás a tartalomhoz

Float ket DIV-el

zoliky · 2008. Nov. 11. (K), 14.56
Van ket DIV-em (#bal es #jobb). A ket DIV a #tartalom DIV-ben helyezkedik el. Igy nez ki a HTML kod:
  1. <div id="tartalom">  
  2.    <div id="bal">  
  3.        Itt van a bal oldali tartalom  
  4.    </div>  
  5.   
  6.    <div id="jobb">  
  7.        Itt van a jobb oldali tartalom  
  8.    </div>  
  9. </div>  
es a CSS kod:
  1. #tartalom {  
  2.    width: 800px;  
  3. }  
  4.   
  5. #bal {  
  6.    float: left;  
  7.    width: 500px;  
  8. }  
  9.   
  10. #jobb {  
  11.    float: left;  
  12.    width: 200px;  
  13. }  
Az oldal itt lathato: http://img522.imageshack.us/my.php?image=20006820ns4.jpg (a szurke resz a #tartalom DIV)

Van olyan helyzet amikor a #jobb oldali DIV nem jon elo. Akkor ki kene nyujtani a #bal divet 100 %-ra.

Hogy tudnam atirni a CSS kodomat, hogy mukodjon ? :( Nem olyan fontos az 500px es 200px ertekek.

Elore is koszonom!
‹ Jqueryből hívó objektum referenciájának visszanyerése jQuery Galleria első kép betöltése IE-ben ›
 ■
1

Class

Poetro · 2008. Nov. 11. (K), 15.57
  1. <div id="tartalom" class="nincs-jobb">    
  2.    <div id="bal">    
  3.        Itt van a bal oldali tartalom    
  4.    </div>    
  5.     
  6.    <div id="jobb">    
  7.        Itt van a jobb oldali tartalom    
  8.    </div>    
  9. </div>  
  1. #tartalom {    
  2.    width: 800px;    
  3. }    
  4.   
  5. #bal {    
  6.    float: left;    
  7.    width: 500px;    
  8. }    
  9.   
  10. #tartalom.nincs-jobb #bal {    
  11.    width: 100%;  
  12.    float: none;  
  13. }  
  14.     
  15. #jobb {    
  16.    float: left;    
  17.    width: 200px;    
  18. }    
  19.   
  20. #tartalom.nincs-jobb #jobb {    
  21.    display: none;  
  22. }