Ir para conteúdo

POWERED BY:

Arquivado

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

p.d

Divs funcionam no IE e não no FF

Recommended Posts

vamos la então: eu criei um layout em div que funciona do jeitinho que preciso no IE. Mas qndo eu abro o danado no FF ele nao funciona direito mesmo que no Dreamwaver ele apareca sem erros.

 

codigo das divs:

 

<div id="tudo">			<div id="topo"><img src="imagens/topo.jpg" border="0" /></div>			<div id="menu">				<a href="index.htm">Home</a>				<a href="index.htm">Produtos</a>				<a href="index.htm">Contato</a>			</div>			<div id="conteudo">conteudo</div>			<div id="rodape">rodape</div>		</div>

Codigo do CSS:

 

html {	height : 100%;	}body {	margin : 0px;	text-align : center;	background-color : #FFFFFF;	font-family : Verdana, Arial, Helvetica, sans-serif;	font-size : 12px;	}	/*\*/#tudo {	margin : 0 auto;	width : 790px;	text-align : left;	background-color : #F1F1F1;	padding : 5px;	}#topo {	width :780px;	height : 100px;	background-color : #FFFFFF;	}#menu {	width : 780px;	height : 25px;	padding-top : 5px;	background-color : #333333;	background-image : url(../imagens/menu.jpg);	}#menu a {	padding : 0 7px 0 7px;	color : #FFFFFF;	text-decoration : none;	}#conteudo {	width : 780px;	background-color : #FFFFFF;	}#rodape {	width : 780px;	height : 30px;	clear : both;	background-color : #666666;	text-align : right;	padding : 8px 10px 0;	}

Visualizem no Internet Explorer pra ver como fica certinho e depois no Firefox

O link é: http://www.listeldigital.com.br/jfirmo/

 

Preciso desse ajuda ae galera.

Obrigadão a todos.

 

At.

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

Compartilhar este post


Link para o post
Compartilhar em outros sites

Amigo, reescreva isso no código

#rodape {	width : 780px;	height : 30px;	clear : both;	background-color : #666666;	text-align : right;	padding :0 8px 10px 0;	}

Perceba que modifiquei a ultima linha, vai funcionar!

Compartilhar este post


Link para o post
Compartilhar em outros sites

Obrigadão... tentei fazer isso mas nao deu muito certo nao ... ai mexendo um pouco no codigo eu diminui da largura o tamanho do padding e deu certo.

 

#rodape {	width : 770px;	height : 30px;	clear : both;	background-color : #666666;	text-align : right;	padding : 10px 10px 0 0;	}

'Brigadaum'

Compartilhar este post


Link para o post
Compartilhar em outros sites

Desculpe, postei correndo.Isso que você fez funcionou pq diminuiu o tamanho da div e adicionado o padding não estourava o tamanho da geral.Talvez melhor seria diminuir o paddding.Paddind:[topo] [direita] [baixo] [esquerda];Então#rodape { width : 780px; height : 30px; clear : both; background-color : #666666; text-align : right; padding :10px 0 10px 0; }

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.