Centralizar div, independe de navegador e resolução.

**Shacall** · 09-02-2011, 11:41

Estou ficando louco já.

Ja tentei tanta coisa diferente e nada deu certo até agora, aliás aqui no meu computador com certa resolução fica uma beleza, dai eu acesso em outros com resolução maior e o logo4 fica na extrema direita, isso só está acontecendo no IE com resolução grande.

Andei por ai pesquisando diversas forma de alinar mas não obtive muito sucesso. Clique para abrir a imagem em nova guia

meu código está assim:

Spoiler:

CSS

Spoiler:

Quando eu estava utilizando <div> dentro de <div> os logos pulavam cada um para um lugar no IE, no caso era a div de classe "page" que englobava elas.

Mais uma coisinha, quando eu precisava deixar umas bordas pequenas com fundo diferente eu fazia um layout com tabela, alinhava ela no centro e deixava o tamanho em 95%, alguem pode me indicar uma forma de fazer isso com <div> ?

VLW pessoal

**Spidey** · 10-02-2011, 12:54

Tem tamanho fixo a div que você quer centralizar? Se tiver:

#id_da_div {
width: Npx;
margin-left: 50%;
position: relative;
left: -N/2px;
}

Exemplo: N = 500px, -N/2px = -250px;

A página vai jogar o div pro meio com margin: 50% e depois você vai usar posicionamento relativo pra deslocar metade do div pra esquerda.

**flv** · 10-02-2011, 13:54

<img src="imagens/logo4.jpg" class="logo4"/>

.logo4 {
display: block;
margin: 0 auto;
}

Tu não precisa tacar div em tudo.

**Shacall** · 10-02-2011, 15:25

Spidey

Tem tamanho fixo a div que você quer centralizar? Se tiver:

#id_da_div {
width: Npx;
margin-left: 50%;
position: relative;
left: -N/2px;
}

Exemplo: N = 500px, -N/2px = -250px;

A página vai jogar o div pro meio com margin: 50% e depois você vai usar posicionamento relativo pra deslocar metade do div pra esquerda.

pois é eu dessa forma mesmo, só que com absolute.
eu tenho uma div chamada page com fundo branco, que seria o corpo da pagina como essa parte cinza aqui da hardmob
só que quando eu coloco as outras divs dentro dela acaba ficando cada um para um lado ( isso só no bendito explorer, chrome e afins fica uma beleza).
Eu até não deixei mais div dentro de div, por que espalhava tudo( no IE). quando deixei tudo absolute e uma fora da outra ficou redondinho exeto o logo 4 que insiste em ficar na extrema direita.

flv

<img src="imagens/logo4.jpg" class="logo4"/>

.logo4 {
display: block;
margin: 0 auto;
}

Tu não precisa tacar div em tudo.

acho que sim por que eu preciso posicionar alguns logos em cima do principal.
voute tentar o block.
Aqui tem um exboço feito bem rapidinho do que eu estou precisando.

Spoiler:

O logo principal é o verde, todos os outros são posicionado em cima dele, o problema é justamente com o logo4(amarela da esquerda) que no explorer em uma resoluçào maior ele sai do lucar e vai parar na parte cinza da direita.
todas minhas <divs> estão setadas com position:absolute.
temporariamente fiz algo em tabelas, que está quebrando o galho.

**geleiatk** · 21-02-2011, 15:04

tem o jeito porco de fazer ....

<center><div class="logo5"><img src="imagens/logo5_1.jpg" height="55" width="34" /></div>

</center>

direto no codigo vai deixar a div no centro ....

.logo5 {

position:absolute;
margin-left:315px;
margin-right:0;
margin-top:0px;
margin-bottom:0px;

}

especifica um tamanho pra div em porcentagem e ta zero Clique para abrir a imagem em nova guia

Centralizar div, independe de navegador e resolução.

Opções

Centralizar div, independe de navegador e resolução.

Tópicos Similares

Como setar o X360 para resolução nativa do LCD sem usar a "resolução ótima"???

Ajuste automatico resolução navegador

Resolução do micro diferente da resolução do monitor

[Tableless] Como centralizar FORMS Tableless?

Como centralizar o site?

Compartilhar

Compartilhar

Permissões