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:

<div id="tartalom">
   <div id="bal">
       Itt van a bal oldali tartalom
   </div>

   <div id="jobb">
       Itt van a jobb oldali tartalom
   </div>
</div>
es a CSS kod:

#tartalom {
   width: 800px;
}

#bal {
   float: left;
   width: 500px;
}

#jobb {
   float: left;
   width: 200px;
}
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!
 
1

Class

Poetro · 2008. Nov. 11. (K), 15.57

<div id="tartalom" class="nincs-jobb">  
   <div id="bal">  
       Itt van a bal oldali tartalom  
   </div>  
  
   <div id="jobb">  
       Itt van a jobb oldali tartalom  
   </div>  
</div>

#tartalom {  
   width: 800px;  
}  

#bal {  
   float: left;  
   width: 500px;  
}  

#tartalom.nincs-jobb #bal {  
   width: 100%;
   float: none;
}
  
#jobb {  
   float: left;  
   width: 200px;  
}  

#tartalom.nincs-jobb #jobb {  
   display: none;
}