Ir para conteúdo

POWERED BY:

Arquivado

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

Brunolc

[Resolvido] Centralizar div na horizontal

Por , em Desenvolvimento frontend

Recommended Posts

Brunolc    0

Brunolc
Postado

Ei gente como eu faço para centralizar o meu site a div principal esta com esta regulagem

#divao{ width:760px; border:solid 0px black; margin-right:auto; margin-left:auto; }

Só que não esta ficando no centro como eu faço? :unsure:

Compartilhar este post

Link para o post
Compartilhar em outros sites

Brunolc    0

Brunolc
Postado

Opz http://forum.imasters.com.br/public/style_emoticons/default/cry.gif

<?xml version="1.0" encoding="iso-8859-1"?><!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> <style type="text/css">body{ margin:0px;}#divao{ background-color: #333333; margin: 0 auto; width: 720px;} #top{ width:720px; height:70px; background-color:red; } #top2{ width:720px; height:160px; background-color:#33CC33; }#menu{ width:140px; background-color:#996600; height:500px; float:left; }#corpo{ width:580px; height:500px; background-color:#333333; float:left; font-family: Verdana, Geneva, Arial, sans-serif; color:orange; text-align: center; letter-spacing: 0px; }#rodape{ width:720px; clear:both; background-color:black; height:20px; color:orange; text-Align:center; }.style2 { font-size: 24px; font-weight: bold;}.style8 {font-size: 14px; font-weight: bold; }a:link { color: #FF9900; text-decoration: none;}a:visited { text-decoration: none; color: #FFCC00;}a:hover { text-decoration: underline; color: #FF3300;}a:active { text-decoration: none; color: #FF9900;}</style><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /><title>Site do Webdesign Bruno Luiz </title></head><body bgcolor="#666666"><div id="divao"> <div id="top"> </div> <div id="menu"> </div> <div id="corpo"><br> <br> <br><h2><span class="style2">Para poder aparecer </span> </h2> <h2 align="center"> <br /> <br /> <span class="style8">Para poder aparecer você precisa de uma boa apresentação.</span></h2> <h2 align="center" class="style8">Um site bem criado pode levar a sua empresa ao topo . </h2> <h2 align="center" class="style8">Um site sai caro?</h2> <h2 align="center" class="style8">Não. Um site sempre se paga naturalmente, pois quem investe</h2> <h2 align="center" class="style8">em propaganda não joga dinheiro fora .</h2> <h2 align="center" class="style8">A internet é a maior forma de propaganda que existe, pois ela</h2> <h2 align="center" class="style8">têm o poder de levar os seus produto para o mundo inteiro. </h2> </div> <div id="rodape"> <div align="center"><a href="contato.html">Webdesign Bruno Luiz Curitiba Paraná </a></div> </div></div></body></html>

Cara desculpe más não deu certo com esta ajuda que você me deu esta aqui meu código por favor me ajude Obrigado Bruno luiz carlos.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Brunolc    0

Brunolc
Postado

Desculpe gio eu sou novato nisso oque seria limpar o cache?Eu coloco com % em ambos os lados só que na hora que eu coloco uma resoluçao diferente da errado.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Brunolc    0

Brunolc
Postado

#divao é a minha div principal

Olá eu descobri meu erro e esta aqui para se mais alguem tiver ta ai.

Estava assim

body{ margin:0px;}

#divao{

background-color: #333333;

margin: 0 auto;

width: 720px;

}

E o certo é assim

body {margin:0;

padding:0;

text-align:center; /* hack para o IE */

}

 

#divao{

 

background-color: #0000230;

width: 720px;

margin 0:auto;

}

Compartilhar este post

Link para o post
Compartilhar em outros sites

Giovani    104

Giovani
Postado

Reitero o que falei, sempre usei sem esse "hack" e sempre funcionou.Mas o importante é que tenha resolvido o seu problema.

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