Ir para conteúdo

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

João Augusto

Colocar centralizado vertical e horizontal

Por , em Desenvolvimento frontend

Recommended Posts

João Augusto    0

João Augusto
Postado

fala galera beleza?

Eu to com um pequeno problema eu tenho uma página de 700x512 e preciso que ela fique centralizada tanto verticalmente quanto horizontalmente...

Mais eu tenho que usar um cabeçalho que uso no pra deixar o ligthbox das imagens centralizadas, isso no IE deixa o site bugado, nos outros navegadores as instruções funcionam muito bem.....

Porém no Ie dá problema, nele só funciona se ficar sem esse cabeçalho.

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

Será que alguém tem alguma idéia do que eu posso fazer pra resolver isso?

Vle...

Compartilhar este post

Link para o post
Compartilhar em outros sites

Thiago Retondar    18

Thiago Retondar
Postado

Tenta usando com HTML 4.01.

 

Para centralizar você está fazendo como? Pode fazer só com CSS assim:

 

#container{
    width: 720px;
    height: 512px;
    position: relative;
    top: 50%;
    left: 50%;
    margin: -206px 0 0 -360px;
}
http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

Compartilhar este post

Link para o post
Compartilhar em outros sites

João Augusto    0

João Augusto
Postado

Estou usando CSS sim, eu já tentei de todos os modos que conheço....

Usando esse tb que você me passou eu já tinha usado,mais a página no IE fica no topo, nos outros navegadores ele funciona normalmente...

Somente no Ie que dá esse problema de ficar no topo da tela......

Compartilhar este post

Link para o post
Compartilhar em outros sites

João Augusto    0

João Augusto
Postado

Cara eu apliquei um bacalhau,mais por conta do tamanho dele só em resoluções bem grandes dá pra notar, eu usei a tabela com tamanhos 100% e centralizado,pk por css não funcionou nem por reza braba.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Henrique Barcelos    290

Henrique Barcelos
Postado

A dica do colega acima é ruim, NÃO UTILIZE TABELAS PARA ESTE FIM!

 

Dito isso, vamos lá... É quase como o Thiago Retondar falou, mas ele se enganou na matemática ;)

#container{
 width: 720px;
 height: 512px;
 position: absolute;
 top: 50%;
 left: 50%;
 margin: -256px 0 0 -360px;
}

Lembrando que #container no caso é a div mais externa, ou seja, o primeiro filho da tag body...

 

E use position: absolute, ao invés de relative... ^_^

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Desenvolvimento frontend
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito