Ir para conteúdo

POWERED BY:

Arquivado

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

Eduardo b .Albuquerque

alinhamento de div's

Por , em Desenvolvimento frontend

Recommended Posts

Eduardo b .Albuquerque    0

Eduardo b .Albuquerque
Postado

boa tarde,

 

estou começando a estudar tableless, e estou tendo uma dificuldade em manter o mesmo alinhamento que usei da minha div principal, que é centralizado (margin= auto;), em diferentes navegadores.

 

no firefox, a div se desloca aproximadamente uns 15 px para a direita.

 

como uso um background q se encaixa exatamente na minha div principal, ou seja, ele reproduz um efeito de sombreamento nas laterais da div, eles ficam desalinhados.

 

gostaria que alguém me ajuda-se com esse problema. estou colocando aqui os códigos, HTML e CSS separadamente para que possam detectar onde se econtra o meu erro.

 

desde já agradecido....

 

<!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=iso-8859-1" />	<title>:: Administração ::</title>	<link href="css/adm.css" rel="stylesheet" type="text/css" media="all" />	</head>	<body id="home">		<div id="conteudo">		<!--começo da div conteudo-->			<div id="topo">			</div>			<div id="corpo">				<div id="esquerda">				</div>				<div id="direita">				</div>			</div>			<div id="rodape">			</div>		<!--fim da div conteudo-->		</div>	</body></html>

/* CSS Document */body {	margin-top: 0;	background-image:url(../imagens/bg_verde.gif);}#conteudo {	width: 778px;	height:100px;	margin: auto;	background-color:#0099FF;}

aqui eu deixo o link onde se encontra essa página:

 

http://www.brasilnet.com.br/teste/tableless

Compartilhar este post

Link para o post
Compartilhar em outros sites

Paulo de Tarso F. M.    24

Paulo de Tarso F. M.
Postado

Está errado na declaração do seu background... Veja como deve ficar...

/* CSS Document */body {	margin-top: 0;	background: url(../imagens/bg_verde.gif) center;}#conteudo {	width: 778px;	height:100px;	margin: auto;	background-color:#0099FF;}
Mas já te aviso: no IE6, você terá uma diferença de 1 pixel do lado direito da área azul... você vai ver que fica um "fiozinho" branco... Aí, meu caro, veja bem o que pretende fazer (eu tb já tive o mesmo problema e tive que mudar algumas coisas no site por causa disso)...

 

Abraço!

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