Ir para conteúdo

POWERED BY:

Arquivado

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

b0ddaH

Layout muda de acordo com o navegador!!

Por , em Desenvolvimento frontend

Recommended Posts

b0ddaH    0

b0ddaH
Postado

Estou com um probleminha.. no meu layout vejo que no mozilla fika certo (centralizado) mas no IE ele fika linhado a esquerda!! O que pode estar ocorrendo?? Se puderem responder eu agradeço!! :Paí vai o código css:body { background: #fff url(img/bg-body.jpg) top no-repeat; margin: 0; padding: 0;}#headerwrapper { background: #ecf3f9; width: 100%; height: 100px; position: relative; }#header { width: 740px; height: 100px; background: url(img/bg-header_2.jpg) no-repeat right top transparent; display: block; margin: 0 auto;}#logo h1 { width: 200px; height: 100px; display: block; margin: 0 0 0 11px; padding: 0; text-indent: -99999px; background: url(../images/logo.gif) no-repeat right top transparent;}código html:<html><head> <title>|Software Sisteccon|</title><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"><link href="css.css" rel="stylesheet" type="text/css"></head><body><div id="headerwrapper"> <div id="header"> <div id="logo"> <h1><a href="http://www.sisteccononline.com.br" target="_blank"></a></h1> </div> </div></div></body></html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

Giovani    104

Giovani
Postado

E ae b0ddah,

 

Leia os esses artigos sobre posicionamento, com certeza você irá encontrar a resposta para a sua dúvida.

 

E da próxima vez mostre um exemplo on-line, fica bem mais fácil!!!!

 

Abraços!!!! http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

Compartilhar este post

Link para o post
Compartilhar em outros sites

b0ddaH    0

b0ddaH
Postado

gio! ae beleza?eu li o artigo e intend! ma eh o seguint, eu to dando uma position relative para o #headerwrapper soh q o #header nao tah hedando!! e tah linhando a eskerda! nao sei o q fazer!! dah uma olhada no código!!obrigado pela força!!!

Compartilhar este post

Link para o post
Compartilhar em outros sites

Hunter_    0

Hunter_
Postado

No body da tua página poe um text-align: center pra o IE poder renderizar direito e centralizar...(é eu sei...ele é meio lerdo pra certas coisas...) e você define os que você quer que fiquem diferentes em cada objeto http://forum.imasters.com.br/public/style_emoticons/default/joia.gif ok? espero ter ajudado

Compartilhar este post

Link para o post
Compartilhar em outros sites

pa_bruno    0

pa_bruno
Postado 

#headerwrapper {background: #ecf3f9;width: 100%;height: 100px;position: relative;}
esse div tah com 100%... você precisa alinhar à esquerda tb...

#headerwrapper {background: #ecf3f9;width: 100%;height: 100px;position: relative;text-align: center;}

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