[SOLUCIONADO] Aumentar el tamaño en un div responsive ¿se puede?

[b44]

hola a todos:
tengo un div contener con un tamaño de un width:100% en el tengo un div contenido1 con un tamaño de un width:76% y en linea tengo otro div contendo2 de un tamaño de un width:23%

Código:

<div id="contenedor">
    <div id="contenido1">
     </div>
     <div id="contenido2">
     </div>
</div>

La pagina es responsive y cuando se ve en un ordenador utiliza un width:76% de la ventana, a su derecha esta el div contenido2.

Cuando se ve en un movil (tamaño de ventana es menor a 450) por ello lo pongo en bloque y quiero que el tamaño del div contendo1 que era de una width:76% pase a un valor de width:100% ya que el otro div, el contenido2 lo muevo abajo, pero el añho no me cambia de valor.

He probado a ponerla mas pequeña que el width:76%, a un width:50%, a un width:20% y me lo acepta pero superior al width:76% inicial es decir el width:100% del ancho de la nueva ventana no me lo acepta ¿alguien sabe proque? se puede hacer esto o por el contrario no es posible.

[Zeromm]

yo me pierdo en lo de "pero el añho no me cambia de valor."...

Aquí tienes un ejemplo de lo que pides sin acabar de entener bien a que te refieres xD...

[b44]

muchas Gracias por el ejemplo ahora lo he entendido

[AngelKrak]

entonces se podria decir que est esta Solucionado >_<
y en todo caso deberia de ser al ultimo esto para que quede o se vea mejor jajaja xD

@media only screen and (max-width: 450px) {
#contenido1{width: 100%;}
#contenido2{width: 100%;}
}