Hola, he conseguido la respuesta en este mismo foro al final, jeje
A ver, si ponia al div rojo "positio:absolute"
Código HTML:
.roja {position: absolute;
width: 100px;
height: 100%;
right: 70px;
background-color: red;
}
La posición horizontal del div no era centrada, sino que e 70px derecha, y si ponia a la derecha y la izquierda en "auto" pasaba de mi, no habia manera de centrarlo.
Al final he pasado del div rojo y he hecho el azul al 100% con
Código HTML:
html, body{
height: 100%;
}
y al azul evidentemente ponerle
Código HTML:
.azul{
width: 900px;
height: 100%;
margin-right: auto;
margin-left: auto;
margin-top: 0px;
margin-bottom: 0px;
}