Foros del Web » Creando para Internet » CSS »

div no llega al 100% de la página

Estas en el tema de div no llega al 100% de la página en el foro de CSS en Foros del Web. verán, tengo esta imagen y este código CSS Cita: body{ width:1100px; height:100%; margin-left:auto; margin-right:auto; margin-top: auto; margin-bottom: auto; } #wrapper{ } #control{ background-color: #b90001; position: ...
  #1 (permalink)  
Antiguo 24/05/2012, 08:56
 
Fecha de Ingreso: febrero-2011
Ubicación: Entre Navarra y La Rioja
Mensajes: 41
Antigüedad: 12 años
Puntos: 0
div no llega al 100% de la página

verán, tengo esta imagen



y este código CSS

Cita:
body{
width:1100px;
height:100%;
margin-left:auto;
margin-right:auto;
margin-top: auto;
margin-bottom: auto;
}

#wrapper{

}

#control{
background-color: #b90001;
position: fixed;
height: 40px;
width: 1100px;
margin-left: auto;
}
me gustaría que la imagen roja se extendiese al 100% de la página (solo de ancho y solo lo que es el color rojo, el texto no) pero no recuerdo como era! recuerdo haberlo hecho en algún proyecto o algo y se que es una jodida chorrada, pero no encuentro nada ni aquí ni en google

os lo agradezco nenos!
  #2 (permalink)  
Antiguo 24/05/2012, 10:41
Avatar de Heiroon  
Fecha de Ingreso: junio-2010
Ubicación: Caracas, Venezuela - Por ahora...
Mensajes: 495
Antigüedad: 12 años, 8 meses
Puntos: 63
De acuerdo Respuesta: div no llega al 100% de la página

ponle al objeto rojo, que es un div supongo...


Código CSS:
Ver original
  1. width: 100%
}

y un padding-left de un 10% aprox.
__________________
Gmail : [email protected]
Twitter: @heiroon

I'm back!
  #3 (permalink)  
Antiguo 24/05/2012, 11:29
Avatar de C2am  
Fecha de Ingreso: enero-2009
Ubicación: Rosario, Argentina
Mensajes: 2.005
Antigüedad: 14 años
Puntos: 306
Respuesta: div no llega al 100% de la página

Hola, tal vez esto te sirva para recordar:
www.librosweb.es

Saludos
__________________
El mundo nada puede contra un hombre que canta en la miseria.
-- Ernesto Sábato--
  #4 (permalink)  
Antiguo 24/05/2012, 12:28
 
Fecha de Ingreso: mayo-2012
Mensajes: 9
Antigüedad: 10 años, 8 meses
Puntos: 1
Respuesta: div no llega al 100% de la página

stinson, deberías ponerle al body que sea 100% de ancho y control, debería tener el width:100%; osea:

Código CSS:
Ver original
  1. html,body{width:100%;height:100%;margin:0px;padding:0px;}
  2. .control{position:fixed;top:0;background-color:#b90001;width:100%;height:40px;}

Espero que te sirva. :)
  #5 (permalink)  
Antiguo 25/05/2012, 01:18
 
Fecha de Ingreso: febrero-2011
Ubicación: Entre Navarra y La Rioja
Mensajes: 41
Antigüedad: 12 años
Puntos: 0
Respuesta: div no llega al 100% de la página

lo siento chicos, no me ha funcionado ninguno... y se que es una jodida chorrada pero no la encuentro!

C2am le eché un ojo tanto al avanzado como al introducción, nada, tampoco lo veo
  #6 (permalink)  
Antiguo 25/05/2012, 01:55
Avatar de C2am  
Fecha de Ingreso: enero-2009
Ubicación: Rosario, Argentina
Mensajes: 2.005
Antigüedad: 14 años
Puntos: 306
Respuesta: div no llega al 100% de la página

¿Pero cual es el html?

En la imagen no queda claro.
Ten presente que siempre es mejor mostrar el código que una imagen. La imagen debe ser complemento.
Si tienes un enlace también sirve.
Saludos
__________________
El mundo nada puede contra un hombre que canta en la miseria.
-- Ernesto Sábato--
  #7 (permalink)  
Antiguo 25/05/2012, 02:34
 
Fecha de Ingreso: febrero-2011
Ubicación: Entre Navarra y La Rioja
Mensajes: 41
Antigüedad: 12 años
Puntos: 0
Respuesta: div no llega al 100% de la página

es lo más sencillo ya que empecé ayer a hacerlo

Cita:
<body>
<div id="wrapper">
<div id="control">

</div>
<br />
<br />
a <br />
a <br />
a <br />
a <br />

</div>
</body>
</html>
  #8 (permalink)  
Antiguo 25/05/2012, 19:35
Avatar de C2am  
Fecha de Ingreso: enero-2009
Ubicación: Rosario, Argentina
Mensajes: 2.005
Antigüedad: 14 años
Puntos: 306
Respuesta: div no llega al 100% de la página

Otra vez, luego de las modificaciones que te han sugerido ¿como quedó tu css?

El problema que veo, es que está mal diagramada tu maquetación, ya que el div que quieres al 100% de ancho no debería estar dentro de otro div con un ancho fijo, ya que ese 100% sería el ancho del contenedor, en este caso los 1100px del body.

Además, y tal como te han dicho antes, al body debes o definirle al ancho en 100%, o no definir el ancho.

Espero que muestres cuales han sido tus avances.

Saludos
__________________
El mundo nada puede contra un hombre que canta en la miseria.
-- Ernesto Sábato--
  #9 (permalink)  
Antiguo 28/05/2012, 03:12
 
Fecha de Ingreso: febrero-2011
Ubicación: Entre Navarra y La Rioja
Mensajes: 41
Antigüedad: 12 años
Puntos: 0
Respuesta: div no llega al 100% de la página

bien, modifiqué el ancho del body marcándolo como 100% aunque el contenedor Wrapper lo marqué como 1100px
también saqué el el div de Control a ver si así se ajustaba pero nada, quedaba mucho peor así que lo volvía a anidar
así que realmente no he avanzado nada...
este fin de semana que creo que volveré a mi pueblo miraré mis proyectos antiguos y trabajaré sobre ellos, que se que tengo al menos uno así aunque habré perdido más de una semana jejeje
  #10 (permalink)  
Antiguo 28/05/2012, 03:32
 
Fecha de Ingreso: febrero-2011
Ubicación: Entre Navarra y La Rioja
Mensajes: 41
Antigüedad: 12 años
Puntos: 0
Respuesta: div no llega al 100% de la página

ya está, lo he conseguido! jeje

lo que hice fue lo siguiente, en el Wrapper le di una longitud del 100% y le metí un background-image con el color de fondo en vez de aplicarle el color de fondo directamente entonces los dos lados se me pintaron y los textos, etc ya se me quedaron en la posición anterior




ahí tenéis el resultado por si alguien más lo necesita
  #11 (permalink)  
Antiguo 28/05/2012, 16:06
 
Fecha de Ingreso: mayo-2012
Ubicación: República Dominicana
Mensajes: 37
Antigüedad: 10 años, 8 meses
Puntos: 4
Respuesta: div no llega al 100% de la página

Por qué no solo utilizas
Código CSS:
Ver original
  1. width: auto;
?

con eso sería suficiente.
  #12 (permalink)  
Antiguo 28/05/2012, 22:53
 
Fecha de Ingreso: febrero-2011
Ubicación: Entre Navarra y La Rioja
Mensajes: 41
Antigüedad: 12 años
Puntos: 0
Respuesta: div no llega al 100% de la página

Cita:
Iniciado por Jg23 Ver Mensaje
Por qué no solo utilizas
Código CSS:
Ver original
  1. width: auto;
?

con eso sería suficiente.
No funcionó, fue lo primero que probé jeje pero ya está solucionado, gracias!

Etiquetas: llega, página, fondo
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 20:57.