Ir para conteúdo

POWERED BY:

Arquivado

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

Gabriel T.

[Resolvido] Problema: Padding IE6

Recommended Posts

Bom pessoal, estou desenvolvendo um layout e preciso de uma ajuda de vocês...

O menu do layout não está incluído corretamente no IE6, está faltando um "pedaço" da imagem de fundo do link, mas no Chrome está incluído corretamente.

 

IE6:

Imagem Postada

 

CHROME:

Imagem Postada

 

Irei postar o código CSS e o HTML que desenvolvi.

 

CSS:

body {
	background: #FFFFFF url(corpo.jpg) no-repeat top;
	font: normal small "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #666666;
}
#twitter {
	margin-left:500px; margin-top:-6px; position:absolute; *margin-top:-11px;
}
#carrinho p {
	float:right; margin-right:78px; margin-top:33px; *margin-right:65px; *margin-top:27px; display:inline;
}
#pesquisar {
	float:right; margin-right:-110px; margin-top:150px; *margin-top:144px; *margin-right:-114px; display:inline;
}
#menu {
	width:800px;
	*height:90px;
	float:left;
	margin-top:-25px;
	margin-left:120px;
	*margin-top:-11px;
	display:inline;
}
#menu ul {
	list-style:none;
}
#menu li {
	display: inline;
}
#menu .ativo a {
	background-image: url(ativo.jpg);
	padding: 17px 51px 16px 50px;
	text-decoration: none;
}

HTML:

<!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" />
<link href="estilo.css" rel="stylesheet" type="text/css" />
<title>Untitled Document</title>
<script defer type="text/javascript" src="pngfix.js"></script>
</head>
<body>
<div id="twitter">
	<a target="_blank" href="http://twitter.com/homeprodutos"><img src="twitter.png" border="0" /></a></div>
<label>
<div id="carrinho">
<p><strong><em>CARRINHO:</strong><br />Há ** itens no carrinho.</em></p>
</label>
</div>
<label>
<div id="pesquisar">
<input onblur="if(this.value=='')this.value='Pesquisar';" style="width:250px; border-width:0px; background-color:transparent; font-size:15px; font-weight:normal; color:#b2b181; font-family:Arial, Helvetica, sans-serif; font-style:italic;" onfocus="if(this.value=='Pesquisar')this.value='';" value="Pesquisar" name="pesquisar" type="text">
</div>
	<div id="menu">
		<ul>
			<li class="ativo"><a href="#">Início</a></li>
		</ul>
	</div>
</label>
</body>
</html>

Obrigado pela sua atenção amigo(a)!

 

Me desculpe pelo tópico repetido...

Deu algum bug ou queda na internet, mil desculpas...

Compartilhar este post


Link para o post
Compartilhar em outros sites

#menu a { display: inline-block; }

Elementos de linha só aplicam margem/espaçamento horizontais, verticais não.

Compartilhar este post


Link para o post
Compartilhar em outros sites

#menu a { display: inline-block; }

Elementos de linha só aplicam margem/espaçamento horizontais, verticais não.

 

Obrigado amigo.

Problema resolvido!

^_^

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.