Ir para conteúdo

POWERED BY:

Arquivado

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

freshmint

não consigo fazer funcionar - coisa simples

Por , em Desenvolvimento frontend

Recommended Posts

freshmint    0

freshmint
Postado

olá pessoal,

 

estou tentando fazer meu primeirissimo design tableless e comecei com algo bem simples: design básico com header, menu, 3 colunas e um footer. o problema é que a coluna do meio não encaixa no ie, enquanto no ff fica ok.

 

aqui vai meu código básico pra quem puder comentar onde estou errando. :unsure:

 

p.s. as bordas são só para visualizar o resultado, não terá no design final.

 

HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pt" lang="pt"><head><title>Layout</title><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><link href="style.css" rel="stylesheet" type="text/css" />   </head><body><div id="geral">	<div id="header">Header</div>	<div id="navegacao">Navegação</div>	<div id="esquerda">Esquerda</div>	<div id="direita">Direita</div>	<div id="conteudo">Conteúdo</div>	<div id="footer">Footer</div></div></body></html>

CSS:

#geral{	width: 770px;	margin: auto;	border: solid 1px #000000;}#header{	width: 100%;	height: 120px;	border: solid 1px #000000;}#navegacao{	width: 100%;	height: 40px;	border: solid 1px #000000;}#esquerda{	width: 150px;	height: 500px;	float: left;	border: solid 1px #000000;}#direita{	width: 150px;	height: 500px;	float: right;	border: solid 1px #000000;}#conteudo{	width: 458px;	height: 500px;	border: solid 1px #000000;}#footer{	width: 100%;	height: 60px;	border: solid 1px #000000;}

Compartilhar este post

Link para o post
Compartilhar em outros sites

freshmint    0

freshmint
Postado

aki tá funcionando sem problemas...

funcionando? é só você olhar aqui:http://www.datazero.net/teste2.htmlno ie fica um espaço dos dois lados do div "conteudo", e no ff fica um espaço imenso sobrando no lado direito do mesmo div.se aumentar um pixel o width do "conteudo" (459px, pra tentar diminuir esse espaço excedente), o div quebra no ie e fica abaixo dos divs "esquerda" e "direita". se colocar width 100%, quebra novamente no ie (embora no ff fique como desejado).alguma sugestão? estou planejando errado o css?

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