div no llega al 100% de la página

stinson · #1 (**permalink**) 24/05/2012, 08:56

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!

Heiroon · #2 (**permalink**) 24/05/2012, 10:41

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

Código CSS:

Ver originalwidth: 100%

}

y un padding-left de un 10% aprox.

C2am · #3 (**permalink**) 24/05/2012, 11:29

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

Saludos

AndresTaggify · #4 (**permalink**) 24/05/2012, 12:28

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

Código CSS:

Ver originalhtml,body{width:100%;height:100%;margin:0px;padding:0px;}
.control{position:fixed;top:0;background-color:#b90001;width:100%;height:40px;}

Espero que te sirva. :)

stinson · #5 (**permalink**) 25/05/2012, 01:18

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

C2am · #6 (**permalink**) 25/05/2012, 01:55

¿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

stinson · #7 (**permalink**) 25/05/2012, 02:34

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

Cita:

C2am · #8 (**permalink**) 25/05/2012, 19:35

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

stinson · #9 (**permalink**) 28/05/2012, 03:12

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

stinson · #10 (**permalink**) 28/05/2012, 03:32

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

Jg23 · #11 (**permalink**) 28/05/2012, 16:06

Por qué no solo utilizas

Código CSS:

Ver originalwidth: auto;

?

con eso sería suficiente.

stinson · #12 (**permalink**) 28/05/2012, 22:53

Cita:

Iniciado por Jg23

Por qué no solo utilizas

Código CSS:

Ver originalwidth: auto;

?

con eso sería suficiente.

No funcionó, fue lo primero que probé jeje pero ya está solucionado, gracias!