Foros del Web » Creando para Internet » CSS »

Desbordamiento de cajas flotantes

Estas en el tema de Desbordamiento de cajas flotantes en el foro de CSS en Foros del Web. @import url("http://static.forosdelweb.com/clientscript/vbulletin_css/geshi.css"); Código CSS: Ver original #sitio {     background-color : #D0E0CE ;     border : 3px solid #333 ;     height ...
  #1 (permalink)  
Antiguo 14/09/2013, 22:28
 
Fecha de Ingreso: febrero-2012
Mensajes: 7
Antigüedad: 6 años, 5 meses
Puntos: 0
Desbordamiento de cajas flotantes

Código CSS:
Ver original
  1. #sitio{
  2.     background-color: #D0E0CE;
  3.     border: 3px solid #333;
  4.     height: 1200px;
  5.     margin: 0px auto;
  6.     width:980px;
  7.     }
  8.     #logo{
  9.         border: 3px solid #333;
  10.         width: 938px;
  11.         height: 103px;
  12.         margin: 20px auto;
  13.     }
  14.     #header{
  15.         border: 3px solid #333;
  16.         border-left: none;
  17.         border-right: none;
  18.         width: 980px;
  19.         height: 40px;
  20.         }
  21.     #slide, #contenidos{
  22.         border: 3px solid #333;
  23.         width: 700px;
  24.         height: 250px;
  25.         margin: 20px;
  26.         float: left;
  27.         position: relative;
  28.         }
  29.         #contenidos{
  30.             margin-top: 0;
  31.             height: 687px;
  32.         }
  33.     .ads1, .ads2{
  34.         border: 3px solid #333;
  35.         width: 210px;
  36.         height: 480px;
  37.         clear: right;
  38.         float: right;
  39.         margin: 20px;
  40.         margin-left: 0;
  41.         position: relative;
  42.         }  
  43.         .ads2{
  44.             height: 457px;
  45.             margin-top: 0;
  46.         }

Código HTML:
Ver original
  1. <div id="sitio"><!--Inicio: ID Sitio: Principal-->
  2.      <div id="logo"></div>
  3.      <div id="header"><!--Inicio: ID Header: Menu-->
  4.           <div id="menu">
  5.     <ul class="menu">
  6.         <li><a href="#" class="parent"><span>Inicio</span></a></li>
  7.         <li><a href="#" class="parent"><span>Empresa</span></a>
  8.             <ul>
  9.                 <li><a href="#"><span>Quienes Somos</span></a></li>
  10.                 <li><a href="#"><span>Nuestra Misión</span></a></li>    
  11.                 <li><a href="#"><span>Nuestra Visión</span></a></li>                
  12.             </ul>
  13.         </li>
  14.         <li><a href="#"><span>Servicios</span></a>
  15.             <ul>
  16.                 <li><a href="#"><span>Delivery</span></a></li>
  17.                 <li><a href="#"><span>Servicio 1</span></a></li>    
  18.                 <li><a href="#"><span>Servicio 2</span></a></li>                
  19.                 <li><a href="#"><span>Servicio 3</span></a></li>                
  20.             </ul>
  21.         </li>
  22.         <li><a href="#"><span>Gastronomía</span></a>
  23.         <li><a href="#"><span>Locales</span></a>
  24.         <li class="last"><a href="#"><span>Contacto</span></a></li>
  25.         <li class="last"><a href="#"><span>Mapa Del Sitio</span></a></li>
  26.     </ul>
  27. </div>
  28.  
  29. Porqué al alejar el zoom se desbordan las cajas de lugar. Desde ya gracias. Como se evita?
  30.      
  31.  
  32.  
  33.      </div><!--Fin: ID Header: Menu-->
  34.      <div id="slide"></div>
  35.      <div class="ads1"></div>
  36.      <div id="contenidos"></div>
  37.      <div class="ads2"></div>
  38. </div><!--Fin: ID Principal: Sitio-->

Última edición por matiasbesio; 14/09/2013 a las 22:42
  #2 (permalink)  
Antiguo 15/09/2013, 12:42
Avatar de C2am  
Fecha de Ingreso: enero-2009
Ubicación: Rosario, Argentina
Mensajes: 2.005
Antigüedad: 9 años, 6 meses
Puntos: 306
Respuesta: Desbordamiento de cajas flotantes

¿y cual es el problema?
Supongo que será lo del título, pero está bueno que te explayes un poquito así sabemos que buscar en el código que has presentado.

Según parece deber ser algo que solucionas con limpiar los float.

Saludos
__________________
El mundo nada puede contra un hombre que canta en la miseria.
-- Ernesto Sábato--
  #3 (permalink)  
Antiguo 19/09/2013, 15:45
 
Fecha de Ingreso: febrero-2012
Mensajes: 7
Antigüedad: 6 años, 5 meses
Puntos: 0
Respuesta: Desbordamiento de cajas flotantes

Perdón me demoré en contestar. Si es porque cuando hago control menos o control mas las cajas se desbordan y quería saber porqué ocurre.

Etiquetas: css3, html, html5
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 22:35.