Posição da moldura e container

[peterpah]

Boas tenho um problema com o css de uma pagina que estou a fazer

Tipo a pagina normal e assim

http://s1069.photobucket.com/user/thepeterpah/media/Semtiacutetulo_zpsc0fb69bf.png.html?sort=3&o=1

Mas quando se faz alguma transferência ou se mete em ecrã completo fica algo assim.

http://s1069.photobucket.com/user/thepeterpah/media/Semtiacutetulo2_zpsac964a5b.png.html?sort=3&o=0

O css da moldura e do container e o seguinte

#container {
width: 863px;
height: 555px;
position: absolute;
top: 50%;
left: 50%;
margin-left: -415px;
margin-top: -261px;
}
#moldura{
top: 50%;
left: 50%;
margin-left: 259px;
margin-top: 65px;
}

Alguém me pode ajudar ??

Edited May 8, 2013 at 05:14 PM by brunoais
geshi + titulo

[fteixeira1993]

Ola 🙂 ,

Experimenta usar:

html{
width: 100%;
height: 100%;
}

[HappyHippyHippo]

tens o css com tamanhos definidos à teu tamanho da janela :

#container {
 margin-left: -415px;
 margin-top: -261px;
}
#moldura{
 margin-left: 259px;
 margin-top: 65px;
}

enquanto tiveres isso, basta redimensionar a janela que irá ficar tudo mal ...

[peterpah]

entao meto em percentagem?

[brunoais]

sim

[peterpah]

mas em diferentes resoluções fica mal outra vez como faço?

[I-NOZex]

creio que o que falta seja um display na moldura... block ou inline-block, nao te sei dizer qual sem o codigo, mas testa

é assim que eu corrijo os meus erros, testando o que me vem a mente (: