Como centralizar o site?
Olhem a imagem...
Eu quero que o quadradinho (uma tabela) fique centralizado bem no meio do site (nesse caso já consegui horizontalmente, falta verticalmente) independente do tamanho da janela...
Alguém pode me dar um help?
Já tentei colocar dentro de uma tabela que esteja com altura 100% mas não funciona...
Detalhe: tem que funcionar tanto no IE como no firefox...
em JavaScript vc tem o comando window.height e window.width onde pega os tamanhos da res. do usuario. Assim vc pode tratar para qq resolução.
Só existe essa forma? Não tem um jeito de fazer usando HTML+CSS?Originalmente enviada por Angus Young
em JavaScript vc tem o comando window.height e window.width onde pega os tamanhos da res. do usuario. Assim vc pode tratar para qq resolução.
faz por CSS+HTML...
CSS:
HTML:<style type="text/css">
#centro {
width:300px;
height:300px;
background-color:#FFFFCC;
position:absolute;
left:50%;
top:50%;
margin-left:-150px; /* metade da largura */
margin-top:-150px; /* metade da altura */
}
</style>
<div id="centro">
</div>
<table width="100%" height="100%" align="center">
<tr>
<td>
<table width="200" height="200" align="center>
<tr>
<td>
Seu conteúdo
</td>
</tr>
</table>
</td>
</tr>
</table>
Nota:
As tags utilizadas NÃO são padrão, porém funcionam em qualquer Browser (A W3Merda especificou que você não pode mais usar Width, Height nem Align, pra bosta com ela)
Isso NÃO vai funcionar, se sua página for XHTML Strict (com DOCTYPE), porque essa merda de XHTML Strict não tem height
Fazendo site híbrido de Gecko e IE? Boa sorte...
Você vai passar a maioria do tempo xingando as mães dos respectivos programadores de ambos os browsers
<body align="center">
Isso nao funciona nao?
Esta tag foi eliminada justamente porque é confusa.Originalmente enviada por 3,14k2|P1k4chu
<body align="center">
Isso nao funciona nao?
align não especifica a centralização DENTRO da tag, e sim a centralização DA tag.
Como body obrigatoriamente é o documento, ele nunca poderá ser centralizado (embora dê para fazer isso em CSS, porque o documento para o CSS é HTML e não BODY).
Quando se escreve <table align=center> especifica-se que a TABELA será centralizada, e não o CONTEÚDO da tabela.
Outra cretinisse da W3C foi remover outras tags, como <center>
a melhor coisa que eles já fizeram foiseparar o html desses traços estéticos.Originalmente enviada por Data
Esta tag foi eliminada justamente porque é confusa.
align não especifica a centralização DENTRO da tag, e sim a centralização DA tag.
Como body obrigatoriamente é o documento, ele nunca poderá ser centralizado (embora dê para fazer isso em CSS, porque o documento para o CSS é HTML e não BODY).
Quando se escreve <table align=center> especifica-se que a TABELA será centralizada, e não o CONTEÚDO da tabela.
Outra cretinisse da W3C foi remover outras tags, como <center>
Concordaria com você se fosse bem feito.Originalmente enviada por HellMann
a melhor coisa que eles já fizeram foiseparar o html desses traços estéticos.
O alinhamento via CSS é escroto demais, especialmente quando o objeto tem tamanho variável (e ainda mais se todo mundo aderisse às regras, coisa que NENHUM browser faz).
Isso aqui por exemplo não renderiza direito na grande maioria dos navegadores atuais:
<div style="text-align: center;vertical-align: center;"><div style="width: 200px;height: 200px" /></div>
E também o CSS especifica apenas text-align, não um método de centralização específico (como um float: center, por exemplo)
Obrigado pelas respostas... =D
Vou testar com CSS agora. O site é com XHTML...
Como eu disse, dá uma procurada nos tipos de declaração DOCTYPE no Google, porque muitas delas não permitem o uso de height no XHTML (em outras palavras: um Div de 100% de largura por 100% de altura fica com 100% de largura e a altura é igual ao seu conteúdo).Originalmente enviada por newcar
Obrigado pelas respostas... =D
Vou testar com CSS agora. O site é com XHTML...
O melhor é não colocar o DOCTYPE (aí não vai nem ser XHTML
Permissões
Responder
Compartilhar