Tema: texto no se ajusta a div
Ver Mensaje Individual
  #5 (permalink)  
Antiguo 05/06/2011, 15:38
Avatar de Ventru3
Ventru3
 
Fecha de Ingreso: noviembre-2010
Ubicación: Disneylandia
Mensajes: 86
Antigüedad: 13 años, 5 meses
Puntos: 13
Respuesta: texto no se ajusta a div
Pruebalo y mira como queda.
Código HTML: 
Ver original
  1. <div id="wrapper">
  2.     <div id="all-content">
  3.         <div id="content1">
  4.             <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque at adipiscing eros. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Phasellus vulputate tortor ac nulla condimentum fermentum. Nunc convallis dignissim mauris, et viverra metus bibendum eget. Phasellus ultricies placerat vehicula. Aenean urna ligula, bibendum at tincidunt ac, pharetra vel mi. Morbi id mi nisi. Fusce metus nibh, sagittis id faucibus a, feugiat gravida felis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam at consectetur enim. Pellentesque elementum sem elit. Maecenas ultrices ipsum id libero lobortis mattis. Donec et lectus ut metus vulputate rutrum. Integer porttitor pharetra commodo. Donec dui lacus, dignissim id sollicitudin sed, rhoncus quis arcu. Ut lacinia velit eu odio hendrerit luctus. Morbi sodales congue aliquam. Donec vel magna nisi. Ut feugiat malesuada posuere. Integer aliquet tincidunt placerat.</p>
  5.         </div>
  6.  
  7.         <div id="content1">
  8.             <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque at adipiscing eros. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Phasellus vulputate tortor ac nulla condimentum fermentum. Nunc convallis dignissim mauris, et viverra metus bibendum eget. Phasellus ultricies placerat vehicula. Aenean urna ligula, bibendum at tincidunt ac, pharetra vel mi. Morbi id mi nisi. Fusce metus nibh, sagittis id faucibus a, feugiat gravida felis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam at consectetur enim. Pellentesque elementum sem elit. Maecenas ultrices ipsum id libero lobortis mattis. Donec et lectus ut metus vulputate rutrum. Integer porttitor pharetra commodo. Donec dui lacus, dignissim id sollicitudin sed, rhoncus quis arcu. Ut lacinia velit eu odio hendrerit luctus. Morbi sodales congue aliquam. Donec vel magna nisi. Ut feugiat malesuada posuere. Integer aliquet tincidunt placerat.</p>
  9.         </div>
  10.  
  11.         <div id="content1">
  12.             <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque at adipiscing eros. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Phasellus vulputate tortor ac nulla condimentum fermentum. Nunc convallis dignissim mauris, et viverra metus bibendum eget. Phasellus ultricies placerat vehicula. Aenean urna ligula, bibendum at tincidunt ac, pharetra vel mi. Morbi id mi nisi. Fusce metus nibh, sagittis id faucibus a, feugiat gravida felis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam at consectetur enim. Pellentesque elementum sem elit. Maecenas ultrices ipsum id libero lobortis mattis. Donec et lectus ut metus vulputate rutrum. Integer porttitor pharetra commodo. Donec dui lacus, dignissim id sollicitudin sed, rhoncus quis arcu. Ut lacinia velit eu odio hendrerit luctus. Morbi sodales congue aliquam. Donec vel magna nisi. Ut feugiat malesuada posuere. Integer aliquet tincidunt placerat.</p>
  13.         </div>
  14.  
  15.         <div id="content1">
  16.             <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque at adipiscing eros. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Phasellus vulputate tortor ac nulla condimentum fermentum. Nunc convallis dignissim mauris, et viverra metus bibendum eget. Phasellus ultricies placerat vehicula. Aenean urna ligula, bibendum at tincidunt ac, pharetra vel mi. Morbi id mi nisi. Fusce metus nibh, sagittis id faucibus a, feugiat gravida felis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam at consectetur enim. Pellentesque elementum sem elit. Maecenas ultrices ipsum id libero lobortis mattis. Donec et lectus ut metus vulputate rutrum. Integer porttitor pharetra commodo. Donec dui lacus, dignissim id sollicitudin sed, rhoncus quis arcu. Ut lacinia velit eu odio hendrerit luctus. Morbi sodales congue aliquam. Donec vel magna nisi. Ut feugiat malesuada posuere. Integer aliquet tincidunt placerat.</p>
  17.         </div>
  18.  
  19.         <div id="content1">
  20.             <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque at adipiscing eros. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Phasellus vulputate tortor ac nulla condimentum fermentum. Nunc convallis dignissim mauris, et viverra metus bibendum eget. Phasellus ultricies placerat vehicula. Aenean urna ligula, bibendum at tincidunt ac, pharetra vel mi. Morbi id mi nisi. Fusce metus nibh, sagittis id faucibus a, feugiat gravida felis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam at consectetur enim. Pellentesque elementum sem elit. Maecenas ultrices ipsum id libero lobortis mattis. Donec et lectus ut metus vulputate rutrum. Integer porttitor pharetra commodo. Donec dui lacus, dignissim id sollicitudin sed, rhoncus quis arcu. Ut lacinia velit eu odio hendrerit luctus. Morbi sodales congue aliquam. Donec vel magna nisi. Ut feugiat malesuada posuere. Integer aliquet tincidunt placerat.</p>
  21.         </div>
  22.     
  23.     <div class="clear"></div>
  24.  
  25.     </div>
  26. </div>

Código CSS: 
Ver original
  1. html, body {
  2.     height: 100%;
  3.     margin: 0px 0px 0px 0px;
  4.     padding: 0px 0px 0px 0px;
  5. }
  6.  
  7. #wrapper {
  8.     width: 1200px;
  9.     height: 100%;
  10.     margin: 0px auto;
  11. }
  12.  
  13. #all-content {
  14.     width: 1200px;
  15.     background-color: #d8d8d8;
  16.     border: 1px solid;
  17. }
  18.  
  19. #content1 {
  20.     float: left;
  21.     width: 240px;
  22. }
  23.  
  24. .clear {
  25.     clear: both;
  26. }

Si al content1 (en tu caso destacados_partes) le añades bordes, el width debera ser inferior porque el borde ocupa parte de esos 240px o 20% como quieras.