Posicionar no centro (Horizontal e Vertical) com css

3 respostas
Marques

Colegas,

Com o css abaixo eu consigo centralizar um componente (desde que eu saiba o tamanho do mesmo, no caso 220px por 80px).
Como eu faço para centralizar componentes de vários tamanhos? (criar um css para cada dimensão seria inviável…)
OBS: Caso vc tenha a solução para centralizar apenas na horizontal, já me ajudaria d+.

Muito obrigado,

Marques

#imgpos { position:absolute; left:50%; top:50%; margin-left:-110px; margin-top:-40px; }

3 Respostas

arthurminarini

vc vai ter que trabalhar não com px e sim com “em” ele é tipo o % mas tem outras vantagens comfira no site do maujor

Naruffy

http://www.guj.com.br/posts/list/122005.java#660149

veja o link q tem postado nesse tópico

wbdsjunior
Marques:
Colegas,

Com o css abaixo eu consigo centralizar um componente (desde que eu saiba o tamanho do mesmo, no caso 220px por 80px).
Como eu faço para centralizar componentes de vários tamanhos? (criar um css para cada dimensão seria inviável...)
OBS: Caso vc tenha a solução para centralizar apenas na horizontal, já me ajudaria d+.

Muito obrigado,

Marques
#imgpos {
position:absolute;
left:50%;
top:50%;
margin-left:-110px;
margin-top:-40px;
}


por javascript talvez consiga assim:

<script type="text/javascript">
        var largura = document.getElementById('imgpos').width;
        var altura = document.getElementById('imgpos').height;

        document.getElementById('imgpos').style.marginLeft = (largura / 2) + 'px';
        document.getElementById('imgpos').style.marginTop = (altura / 2) + 'px';
</script>

<style type="text/css">
    #imgpos {
        position: absolute;
        left: 50%;
        top: 50%;
    }
</style>
não testei, mas acho que é por aí.

abraço

Criado 2 de abril de 2009
Ultima resposta 2 de abr. de 2009
Respostas 3
Participantes 4