SOLUCIONADO
ya esta chicos.ya lo e conseguido hacer xd era algo facil y sencillo y algo logico pero no me salia hehe
pongo el codigo:
Código CSS:
Ver original@media screen {
#pagina {
float:left;
clear:both;
width:600px;
height:768px;
margin-left:20%;
background-color:#00FF00;
}
}
@media screen and (min-width: 1000px) {
#pagina {
width:700px;
background-color:#0000FF;
}
}
@media screen and (min-width: 1200px) {
#pagina {
width:700px;
background-color:#F00;
}
}
simplemente ir de menos a mas y ya funciona!no esta probado en IE pero espero que funcione.sabeis si deberia ir en IE?