Ir para conteúdo

POWERED BY:

Arquivado

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

webdibula

tem como centralizar

Por , em Desenvolvimento frontend

Recommended Posts

webdibula    0

webdibula
Postado

já procurei aqui em diversas situações e não achei, tem como centralizar divs no meio da tela indiferente da resolução, quero dizer tanto na horizontal como na vertical?

 

3 colunas e rodapé? centralizados bem no meio da tela indiferente da resolução?

 

aonde esta o erro? www.3ddesignarquitetura.com.br/novo

 

body {

background-color:#000000;

font: 12px Tahoma, Verdana, Arial, Helvetica, sans-serif;

}

 

#tudo {

width: 1024px;

background: url(Fundo.jpg) repeat-y;

 

}

 

 

#menu {

float: left;

width: 10%;

height: 700px;

padding: 10px;

background-color: #cfc;

}

 

#conteudo {

float: left;

width: 80%;

padding: 15px;

}

 

#noticias {

float: right;

width: 10%;

height: 700px;

padding: 10px;

background-color: #ccc;

}

 

#rodape {

width: 100%;

height: 80px;

padding: 0 10px;

background-color: #ccf;

clear: both;

}

 

#rodape p {

line-height: 28px;

}

Compartilhar este post

Link para o post
Compartilhar em outros sites

brcontainer    16

brcontainer
Postado

Isso já foi muito falado, vocÊ que não pesquisou direito hehehehe, esse assunto já tem inumeros tópicos, mas vou lhe dar uma chance e vou lhe dar um código de exemplo assim facinho.

 

MAS LEMBRE-SE, pesquise ;)

 

ae vai o codigo amigo:

 

use o doctype:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

*{
margin:0;padding:0;
}
#pai{
margin: 0 auto;
width:800px;
height:600px;
}
#esq{
float:left;
}
#dir{
float:right;
}
#dir,#esq{
background:#c9c9c9;
width:100px;
height:500px;
}
#centro{
margin: 0 100px;
}

<div id="pai">
<div id="esq"></div>
<div id="dir"></div>
<div id="centro"></div>
</div>

Compartilhar este post

Link para o post
Compartilhar em outros sites

webdibula    0

webdibula
Postado

isso apenas centralizou na horizontal e não na vertical, fico no aguardo, preciso centralizar em ambos.

 

 

 

 

Isso já foi muito falado, vocÊ que não pesquisou direito hehehehe, esse assunto já tem inumeros tópicos, mas vou lhe dar uma chance e vou lhe dar um código de exemplo assim facinho.

 

MAS LEMBRE-SE, pesquise ;)

 

ae vai o codigo amigo:

 

use o doctype:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

*{
margin:0;padding:0;
}
#pai{
margin: 0 auto;
width:800px;
height:600px;
}
#esq{
float:left;
}
#dir{
float:right;
}
#dir,#esq{
background:#c9c9c9;
width:100px;
height:500px;
}
#centro{
margin: 0 100px;
}

<div id="pai">
<div id="esq"></div>
<div id="dir"></div>
<div id="centro"></div>
</div>

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