Foros del Web » Creando para Internet » Diseño web »

[SOLUCIONADO] Problema con width: 100% en un div

Estas en el tema de Problema con width: 100% en un div en el foro de Diseño web en Foros del Web. Buenas, dentro de la etiqueta <body> de mi código HTML hay un contenedor (#contenedor) y dentro de él hay todo el contenido de la página ...
  #1 (permalink)  
Antiguo 11/12/2014, 13:32
 
Fecha de Ingreso: diciembre-2014
Ubicación: Madrid Capital
Mensajes: 6
Antigüedad: 9 años, 4 meses
Puntos: 0
Pregunta Problema con width: 100% en un div

Buenas,

dentro de la etiqueta <body> de mi código HTML hay un contenedor (#contenedor) y dentro de él hay todo el contenido de la página en sí. El contenedor cuenta con el siguiente CSS:
Código CSS:
Ver original
  1. #contenidor
  2. {
  3.     margin: 0 auto;
  4.     background: #FFF;
  5.     width: 100%;
  6. }
Sin embargo, no consigo que éste div ocupe el 100% de la ventana del navegador, quedando con bordes blancos en la parte superior, derecha, izquierda e inferior (imagen [URL="http://i.gyazo.com/933d190cd0e02b9b574e62342b96f36b.png"]aquí[/URL]). Si observáis en la imagen se aprecia que quedan bordes por todos lados. ¿Hay alguna manera de solucionar esto?

Gracias!
  #2 (permalink)  
Antiguo 11/12/2014, 18:41
Avatar de agustinl  
Fecha de Ingreso: diciembre-2014
Mensajes: 4
Antigüedad: 9 años, 4 meses
Puntos: 0
Respuesta: Problema con width: 100% en un div

Hola! Proba colocando lo siguiente:

Código:

body, html {
margin:0;
padding:0;
}
Y comenta a ver si funciono! Saludos!
  #3 (permalink)  
Antiguo 11/12/2014, 20:07
Avatar de Mariano_Floyd  
Fecha de Ingreso: marzo-2013
Ubicación: Córdoba
Mensajes: 155
Antigüedad: 11 años, 1 mes
Puntos: 14
Respuesta: Problema con width: 100% en un div

Necesitas lo que se conocen como "resets" en css, en ese caso es el margin lo que te esta molestando, haz esto:

Código CSS:
Ver original
  1. *{
  2. margin:0;
  3. }
  #4 (permalink)  
Antiguo 12/12/2014, 12:07
 
Fecha de Ingreso: diciembre-2014
Ubicación: Madrid Capital
Mensajes: 6
Antigüedad: 9 años, 4 meses
Puntos: 0
Respuesta: Problema con width: 100% en un div

Hola,

¡ambas soluciones me funcionaron! Muy agradecido por vuestras respuestas :)

Marcado como solucionado.

Etiquetas: 100%, blancos, bordes, css, width
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 09:08.