Ir para conteúdo

POWERED BY:

Arquivado

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

Anderson Coutinho

[Resolvido] Centralizar div

Por , em Desenvolvimento frontend

Recommended Posts

Anderson Coutinho    7

Anderson Coutinho
Postado

Olá ! ,

 

Eu quero que a div sempre fique centralizada mesmo redimensionando o navegador , mas sem tocar no texto caes e gatos.

 

 

Como está:

print1.jpg

 

Como eu quero que fique:

print2.jpg

print3.jpg

 

Preciso instruções para criar a DIV e inserir a imagem dentro (a resolução da imagem das listras é 800x600), e configurá-la :natalsmile:

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Compartilhar este post

Link para o post
Compartilhar em outros sites

Ted k'    126

Ted k'
Postado

Irei redirecionar para a área onde o pessoal possa lhe auxiliar melhor:

 

Movido de Dreamweaver :seta: Webstandards: CSS / XML / XHTML / HTML

Compartilhar este post

Link para o post
Compartilhar em outros sites

Diéssica    140

Diéssica
Postado

Anderson,

 

faça uma div com id "centro" (que pegue todas as divs) e coloque assim no seu CSS:

 

#centro {
margin:auto;
}

O margin:auto vai centralizar a div "centro", margem automática

 

Não determine nada nos elementos. Ex: p align="center", ou div style="margin:auto;", é incorreto. Determine tudo no CSS. E não use <center>

Compartilhar este post

Link para o post
Compartilhar em outros sites

Anderson Coutinho    7

Anderson Coutinho
Postado

Problema Resolvido !

 

 

gegegege.png

 

 

<!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">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>Mein Haustier</title>

<style type="text/css">

#tudo {	
z-index:1;
align:auto;
margin:auto;
width:1300px;
height:700px;
background-color:#FFF	
}

body {
background-color: #CCC;
}

#topo {
align:auto;
margin:auto;
width:1300px;
height:118px;
background-image:url(Imagens/Untitled-1.png)
}
</style>

</head>

<body>


<div id="tudo">

<div id="topo"></div>

</div>

</body>

</html>

 

 

 

 

 

 

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