Ver Mensaje Individual
  #7 (permalink)  
Antiguo 15/07/2009, 07:50
Avatar de willyfc
willyfc
 
Fecha de Ingreso: octubre-2008
Ubicación: Santa Cruz - Bolivia
Mensajes: 662
Antigüedad: 15 años, 6 meses
Puntos: 40
Respuesta: Posicionar sin salir del flujo

Bueno si el problema es que se te sale del contenedor simplemente añade al contenedor overflow:hidden

Código html:
Ver original
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  4. <title>Untitled Document</title>
  5. <style type="text/css">
  6. body{background:#DDD;}
  7. .contenedor{width:800px; border:1px solid #333; height:auto; overflow:hidden;}
  8. .div_uno, .div_dos{float:left;width:200px; margin:3px 10px;}
  9. .div_uno{background:#CCC;}
  10. .div_dos{background:#FFF;}
  11. </head>
  12.  
  13. <div class="contenedor">
  14. <div class="div_uno">
  15.     <p>esto es un div izquierdo</p><p>esto es un div izquierdo</p><p>esto es un div izquierdo</p><p>esto es un div izquierdo</p><p>esto es un div izquierdo</p><p>esto es un div izquierdo</p>
  16. </div>
  17. <div class="div_dos">
  18.     <p>esto es un div izquierdo</p> <p>esto es un div izquierdo</p> <p>esto es un div izquierdo</p> <p>esto es un div izquierdo</p> <p>esto es un div izquierdo</p> <p>esto es un div izquierdo</p>
  19. </div>
  20. </div>
  21. </body>
  22. </html>
__________________
WFC
codigo82