Ir para conteúdo

POWERED BY:

Arquivado

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

giga_fire

Espaço negativo no IE

Por , em Desenvolvimento frontend

Recommended Posts

giga_fire    0

giga_fire
Postado

Oi pessoal!!!

 

Dêem uma olhada nesse esboço que eu fiz...

 

Imagem Postada

 

Tá bem simples porque é só isso que importa... eu não precisava colocar tudo aqui... coloquei somente as DIVs principais...

 

Reparem nos espaços que sobram entre a div "espac" e div "entre". Esse espaço não deveria estar aí e só acontece no Internet Explorer. Realizando testes, percebi que deve-se a propriedade "float" das divs col1 e col2.

 

Segue o código. O que posso fazer para isso não acontecer?

 

<!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><title>Detectar erro</title><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /><style type="text/css"><!--#site {	background-color: #669999;	width: 776px;	margin-right: auto;	margin-left: auto;	padding-top: 0px;	padding-right: 0px;	padding-bottom: 0px;	padding-left: 0px;}#col1 {	float: left;	background-color: #339966;	width: 150px;}#col2 {	background-color: #009999;	float: right;	width: 200px;}#rodape {	clear: both;	background-color: #00FF00;}#entre {	margin-right: 200px;	margin-left: 150px;	background-color: #99FF66;	padding-top: 0px;	padding-right: 0px;	padding-bottom: 0px;	padding-left: 0px;}body {	font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 11px;}#espac {	color: #FFFFFF;	background-color: #FF0000;	height: 85px;	padding-top: 5px;	padding-right: 5px;	padding-bottom: 5px;	padding-left: 5px;}div {	padding-top: 5px;	padding-bottom: 5px;}--></style></head><body><div id="site">  <div id="col1">Content for id "col1" Goes Here</div>  <div id="col2">Content for id "col2" Goes Here</div>  <div id="entre">	<div id="espac">Content for id "espac" Goes Here</div>	<p>Content for id "entre" Goes Here</p>  </div>  <div id="rodape">Content for id "rodape" Goes Here</div></div></body></html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

pa_bruno    0

pa_bruno
Postado

entaum titodj, naum eh essa a pagina... compara o conteudo q ele postou pra o conteudo da pagina... e o endereço tb... provavelmente o servidor q ele postou naum aceita acessos por sites externos...

 

copiei e colei num browser sem clicar e funcionou...

 

posta o site mesmo online e naum a imagem... q dou uma olhada no codigo direto online... eh mais facil... ;) esses problemas saum meio chatos... geralmente o i.e. q faz isso...

 

Talvez seja o bug dos 3 pixels... adicione este atributo aqui no div #entre:

display: inline-block;
ve ae se funciona... http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif ele soh naum eh valido pela W3C... http://forum.imasters.com.br/public/style_emoticons/default/ermm.gif

Compartilhar este post

Link para o post
Compartilhar em outros sites

giga_fire    0

giga_fire
Postado

entaum titodj, naum eh essa a pagina... compara o conteudo q ele postou pra o conteudo da pagina... e o endereço tb... provavelmente o servidor q ele postou naum aceita acessos por sites externos...copiei e colei num browser sem clicar e funcionou...posta o site mesmo online e naum a imagem... q dou uma olhada no codigo direto online... eh mais facil... ;) esses problemas saum meio chatos... geralmente o i.e. q faz isso...Talvez seja o bug dos 3 pixels... adicione este atributo aqui no div #entre:

display: inline-block;
ve ae se funciona... http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif ele soh naum eh valido pela W3C... http://forum.imasters.com.br/public/style_emoticons/default/ermm.gif
Você poderia falar mais desse bug?O site online é http://www.coopel.com.br (usem o IEca)

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