Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Olá amigos do iMasters. :thumbsup:
Estou desenvolvendo uma galeria pro meu site, o máximo de resolução que a imagem chega é até 800X600 (fiz um padrão). Ai eu deixo ela no meio exato da tela com o seguinte css.
#PhotoViewer .PhotoCase .Photo {
position: absolute;
top: 50%;
left: 50%;
margin-top: -300px;
margin-left: -400px;
height: 100%;
max-height: 600px;
max-width: 800px;
}
Mas se repararem ela está com o height definido como 100%, ou seja, quando eu redimensiono a tela ela diminui de um jeito que fique do tamanho da div mãe ( que no caso é #PhotoViewer). Até ai tudo bem, mas, quando eu redimensiono a tela a foto sobe e não fica no centro absoluto. Eis os prints:
/applications/core/interface/imageproxy/imageproxy.php?img=http://arcoinformatica.com.br/dian/foto1.jpg&key=cebb5f44090fd0e5bef2b03ee001d4c64536953182960328111b26b8888cb7ee" alt="foto1.jpg" />
/applications/core/interface/imageproxy/imageproxy.php?img=http://arcoinformatica.com.br/dian/foto2.jpg&key=da82d424a3f21c5157db055b1eb66edcb39ce5fe199adfc76d5e29b64f418224" alt="foto2.jpg" />
Onde eu estou errando? Com eu posso deixar a foto no meio quando a janela for redimensionada?
Agradeço a ajuda de todos..
Carregando comentários...