Ver Mensaje Individual
  #2 (permalink)  
Antiguo 14/05/2013, 10:08
Avatar de pzin
pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.488
Antigüedad: 21 años, 9 meses
Puntos: 2114
Respuesta: 2 divs width:100% flotantes left

Supongo que es un problema de lógica más que nada.

Si el ancho está limitado a 100%, no puede haber nada flotado horizontalmente al 100%, porque no hay espacio. Por lo tanto el ancho debe de ser 100% multiplicado por las secciones que tienes. Es decir, si tienes 7 secciones, el ancho de body tendría que ser de 700%.

Luego cada sección, obviamente, no puede medir 100%, sino que tendrá que medir el 100% (de su contenedor) divido entre el número de secciones: 100%/7 = 14,28%

Un ejemplo con cuatro secciones, para hacerlo más fácil de entender:

Código CSS:
Ver original
  1. body {
  2.   width: 400%; /* 100% * 4 */
  3. }
  4.  
  5. section {
  6.   float: left;
  7.   width: 25% /* 100% / 4 */
  8. }