[Resolvido] problemas com css em diferentes navegadores

guih_oliveira10 · Março 30, 2011

ola,

venho aqui pedir a ajuda de vocês com o css do topo do meu site, que fica incorreto no firefox. Chrme está ok, e IE coloquei um css que resolve os problemas, mais em algumas versões fica algumas coisas erradas.

é somente o topo o resto do site fica ok em todos navegadores.

topo.css:

/* CSS TOPO */

/* UNIVERSAIS*/
body{
background:url(../imagens/topo-extensao.jpg) top left repeat-x;
}
.centralizar{
width:1000px;
margin:0 auto;
}
#topo{	
height:165px;
background:url(../imagens/topo.gif) top left no-repeat;
}

/* LOGO */
#logo{
display:inline-block;
margin:10px 0;
}

/* LINKS TOPO */
#links-topo{
display:inline-block;
position:absolute;
top:12px;
margin:0 0 0 20px;
}
#links-topo a,#links-topo span{
color:#003399;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
text-decoration:none;
}
#links-topo a:hover{
color:#6b5be5;
}

/* PESQUISA */
#pesquisa{
display:inline-block;
position:absolute;
top:44px;
margin:0 0 0 18px;
}
#pesquisa input[name=p]{
width:320px;
height:25px;
}
#pesquisa select[name=filtro]{
height:31px;
}
#pesquisa input[type=button]{
width:76px;
height:30px;
background:url(../imagens/bt-pesquisa.png) top left no-repeat;
position:relative;
top:-5px;
border:none;
margin:0 0 0 5px;
}

/* CESTA DE PRODUTOS */
#cesta-produtos{
display:inline-block;
position:absolute;
top:52px;
margin:0 0 0 672px;
color:#1D4699;
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
}

/* MENU */
#menu{
display:inline-block;
width:668px;
position:absolute;
top:131px;
margin:0 0 0 -221px;
}
#left-menu{
float:left;
}
#right-menu{
float:right;
}
#menu ul{
display:inline-block;
width:640px;
background:url(../imagens/bt-menu.png) top left repeat-x;
}
#menu ul li{
display:inline-block;
height:24px;
margin:10px 24px 0 24px;
font-size:13px;
font-family:Arial, Helvetica, sans-serif;
}
#menu ul li a{
color:#FFF;
text-decoration:none;
}
#menu ul li a:hover{
color:#999999;
}

/* ATENDIMENTO */
#atendimento-icon{
display:inline-block;
position:absolute;
top:125px;
margin:0 0 0 565px;
}

/* BOAS VINDAS */
#boas-vindas{
display:inline-block;
margin:0 0 0 22px;
position:absolute;
top:102px;
}
#boas-vindas span{
color:#003399;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
}
#boas-vindas span a{
color:#FF6600;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
text-decoration:none;
}
#boas-vindas span a:hover{
color:#ed2300;
}

index.php

<?php

session_start();

// Define a data e hora que ira terminar o cronometro
$data_final = '03/04/2011';
$hora_final = '16:00:00';

// Cria uma função que retorna o timestamp de uma data no formato DD/MM/AAAA e de uma hora no formato HH/MM/SS
function geraTimestamp($data,$hora){

$partes_data = explode('/', $data);
$partes_hora = explode(':', $hora);
return mktime($partes_hora[0], $partes_hora[1], $partes_hora[2], $partes_data[1], $partes_data[0], $partes_data[2]);

}

//Pegar o timestamp do tempo final do cronometro
$tempo_final = geraTimestamp($data_final,$hora_final);

//Pega o timestamp do tempo atual
$tempo_atual = geraTimestamp(date('d/m/Y'),date('H:i:s'));

//Faz a conta para saber quantos segundos ainda restam para zerar o cronometro
$conta = ($tempo_atual - $tempo_final);

?>
<!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=utf-8" />
<title>Pato Faminto | Home</title>
<link rel="stylesheet" href="css/reset.css" type="text/css" />
<link rel="stylesheet" href="css/topo.css" type="text/css" />
<link rel="stylesheet" href="css/index.css" type="text/css" />
<link rel="stylesheet" href="css/rodape.css" type="text/css" />
<link rel="stylesheet" href="css/overlays.css" type="text/css" />

<!--[if IE]>

<link rel="stylesheet" href="css/ie-ff-topo.css" type="text/css" />

<![endif]-->

<script type="text/javascript" src="js/jquery-min.js"></script>
<script type="text/javascript" src="js/cookie.js"></script>
<script type="text/javascript" src="js/eventos.js"></script>
<script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
<script type="text/javascript" src="http://www.google.com/jsapi"></script>
<script type="text/javascript">

var tempo = <?php if($conta < 0){ echo abs($conta); }else{ echo '1'; } ?>;
var tempo_calc = tempo * 1000;

function esgotou_tempo(){
	clearInterval(relogio);
	pre_carrega_imagens('imagens/cronometro_v.gif');
	pre_carrega_imagens('imagens/close_overlay.png');
	$('#hora').text('0');
	$('#minuto').text('0');
	$('#segundo').text('0');
	$('.cronometro').css('background','url(imagens/cronometro_v.gif)');
	$('.dt-verde-a span').html('65 pessoas compraram!');
	$('.dt-verde-a img').attr('src','imagens/close_overlay.png');
	$('.dt-verde-a span#oferta-valendo').html('Está oferta finalizou!');
	$('.dt-verde-a span#oferta-valendo').css('top','-3px');
	$('.dt-verde-a span#oferta-valendo').css('left','4px');
	$('.dt-azul-b').remove();
	$('.dt-vermelho').html('Oferta finalizada!<br /><br /><a href="ofertas.php">Ver outras ofertas</a>');
	$('.dt-vermelho').css({'height':'60px' , 'padding':'21px 0 0 0'});
}

function interval(){
	tempo--;
	arruma_relogio();
}

function arruma_relogio(){

	var hrs = ("00" + parseInt(tempo/3600)).substr(this.length-2);
	var mins = ("00" + parseInt((tempo % 3600)/60)).substr(this.length-2);
	var segs = ("00" + tempo % 3600 % 60).substr(this.length-2);

	$('#hora').text(hrs);
	$('#minuto').text(mins);
	$('#segundo').text(segs);

	if(hrs == 0){
		pre_carrega_imagens('imagens/cronometro_v.gif');
		$('#hora').css('background','url(imagens/cronometro_v.gif)');
	}
	if(mins == 0 && hrs == 0){
		pre_carrega_imagens('imagens/cronometro_v.gif');
		$('#minuto').css('background','url(imagens/cronometro_v.gif)');
	}

}

if(tempo > 0){

	arruma_relogio();
	var relogio = setInterval(interval,1000);	
	var timer = setTimeout(esgotou_tempo,tempo_calc);

}else{

	esgotou_tempo();

}

function pre_carrega_imagens(imagen){

	var imagem = Array(imagen);
	var carrega = new Image();
	carrega.src = imagem;

}

</script>	
<script type="text/javascript">
        google.load('orkut.share', '1');
        google.setOnLoadCallback(function(){
         new google.orkut.share.Button({
	         summary: 'Pizza por R$ 29,90'
         }).draw('orkut-oferta');
        });

        google.load('orkut.share', '1');
        google.setOnLoadCallback(function(){
         new google.orkut.share.Button({
	         summary: 'Os melhores lanches com os maiores descontos!'
         }).draw('orkut-site');
        });
</script>

</head>

<body>

<div id="opacidade">
<img src="imagens/load.gif" />
</div><!--boxes-->

<div id="overlay_email" class="overlays"></div><!--overlay_email-->

<div class="centralizar">

<div id="topo">

	<div id="logo">
		<a href="index.php">
			<img src="imagens/logo.png" />
		</a>	
	</div><!--logo-->

	<div id="links-topo">

		<?php if(isset($_SESSION['id_user'])) { ?>

		<a href="membros/minha_area.php"><b>Minha área</b></a>
		<span><b> |</b></span>
		<a href="membros/compras.php"><b>Compras</b></a>
		<span><b> |</b></span>
		<a href="acoes/logout.php?pagina=index"><b>Logout</b></a>

		<?php } ?>

		<?php if(!isset($_SESSION['id_user'])) { ?>

		<a href="membros/login.php"><b>Login</b></a>
		<span><b> |</b></span>
		<a href="membros/cadastro.php"><b>Cadastro</b></a>
		<span><b> |</b></span>
		<a href="membros/lembrar_senha.php"><b>Lembrar senha</b></a>

		<?php } ?>

	</div><!--links-topo-->

	<div id="pesquisa">

		<form name="buscar" action="buscar.php" method="get">

			<input type="text" name="p" value="Digite sua pesquisa aqui" />

			<select name="filtro">
				<option value="1">Promoções anteriores</option>
				<option value="2">Maior preço</option>
				<option value="3">Menor preço</option>
			</select>

			<input type="button" value="" />

		</form>

	</div><!--pesquisa-->

	<div id="cesta-produtos">

		<span><b>0</b> produtos</span>

	</div><!--cesta-produtos-->

	<div id="boas-vindas">

		<?php if(isset($_SESSION['id_user'])) { ?>

		<span><b>Olá </b></span>
		<span>
			<b><a href="membros/minha_area.php"><?php $nome = explode(' ',$_SESSION['nome']); echo $nome[0]; ?></a></b>
		</span>
		<span><b> , aproveite bastante os recursos que o Pato Faminto lhe ofere-se!</b></span>		

		<?php } ?>

		<?php if(!isset($_SESSION['id_user'])) { ?>

		<span><b>Boa tarde, </b></span>
		<span>
			<b><a href="membros/login.php">Identifique-se</a></b>
		</span>
		<span><b> para ver seus produtos ou </b></span>
		<span>
			<b><a href="membros/cadastro.php">cadastre-se.</a></b>
		</span>

		<?php } ?>

	</div><!--boas-vindas-->

	<div id="menu">

		<div id="left-menu"><img src="imagens/left-menu.png" /></div><!--left-menu-->
		<div id="right-menu"><img src="imagens/right-menu.png" /></div><!--right-menu-->

		<ul>

			<li>
				<a href="ofertas/ofertas_dia.php">
					<b>OFERTAS DO DIA</b>
				</a>
			</li>
			<li>
				<a href="ofertas/ultimas_ofertas.php">
					<b>OFERTAS ANTERIORES</b>
				</a>
			</li>
			<li>
				<a href="como_funciona.php">
					<b>COMO FUNCIONA</b>
				</a>
			</li>
			<li>
				<a href="contato/contato.php">
					<b>CONTATO</b>
				</a>
			</li>

		</ul>

	</div><!--menu-->

	<div id="atendimento-icon">
		<a href="contato/atendimento.php">
			<img src="imagens/chat.png" />
		</a>
	</div><!--atendimento-icon-->

</div><!--topo-->



<div id="corpo">

	<div id="bar-laranja">

		<div id="left-menu"><img src="imagens/left-bar.gif" /></div><!--left-menu-->
		<div id="right-menu"><img src="imagens/right-bar.gif" /></div><!--right-menu-->

		<p align="center">OS MELHORES LANCHES COM OS MAIORES DESCONTOS!</p>

	</div><!--bar-laranja-->

	<div id="content-left">

		<div id="oferta-dia">

			<div id="ft-oferta" class="container" align="center">

				<h1>Pizzaria miquelângelo: 1 pizza média por apenas R$ 940,00</h1>
				<img src="imagens/ofertas/oferta.jpg" width="500" height="280" />

			</div><!--ft-oferta-->

			<div id="detalhes-oferta">

				<span class="dt-azul-a">Valor: R$ 940,00</span>
				<span class="dt-azul-l">Desconto de: <br />50%</span>
				<span class="dt-azul-r">Economia de: <br />R$ 10,00</span>

				<div class="clear"></div><!--clear-->

				<span class="dt-azul-b">
					<a href="presente.php">
						<img src="imagens/presente.png" />
						<span>Presentei um amigo</span>
					</a>
				</span>

				<span class="dt-vermelho">
					<a href="comprar.php">
						<img src="imagens/comprar.png" />
						<span>Comprar</span>
					</a>
				</span>

				<span class="dt-verde-b">

					<img src="imagens/relogio.png" />
					<span id="t">Tempo restante:</span>
					<br />
					<div id="relogio" align="center">
						<div id="hora" class="cronometro">h</div><!--hora-->
						<div id="minuto" class="cronometro">m</div><!--minuto-->
						<div id="segundo" class="cronometro">s</div><!--segundo-->
					</div><!--relogio-->

				</span>

				<span class="dt-verde-a">

					<span>65 pessoas já compraram!</span>
					<br />
					<br />
					<img src="imagens/oferta-valendo.png" />
					<span id="oferta-valendo">Oferta está valendo!</span>

				</span>


			</div><!--detalhes-oferta-->

		</div><!--oferta-dia-->

		<div class="clear"></div><!--clear-->

		<div class="container" id="compartilhar">
			<span  id="compartilhe">Compartilhe esta oferta:</span>

			<a href="http://twitter.com/share" class="twitter-share-button" data-count="horizontal" data-via="pato_faminto" data-text="Pato faminto - Pizza R$ 9,90 média Miquelângelo!" data-related="pato_faminto:Pato Faminto">Tweet</a>

			<div id="orkut-oferta"></div><!--orkut-oferta-->

			<iframe src="http://www.facebook.com/plugins/like.php?href&layout=button_count&show_faces=false&width=96&&action=curtir&font=arial&colorscheme=light&height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:96px; height:21px; position:relative; top:2px;" allowtransparency="true"></iframe>

		</div><!--container-->

		<div class="container">
			<h1>Descrição</h1>
			<p>Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia, looked up one of the more obscure Latin words, consectetur, from a Lorem Ipsum passage, and going through the cites of the word in classical literature, discovered the undoubtable source. Lorem Ipsum comes from sections 1.10.32 and 1.10.33 of "de Finibus Bonorum et Malorum" (The Extremes of Good and Evil) by Cicero, written in 45 BC. This book is a treatise on the theory of ethics, very popular during the Renaissance. The first line of Lorem Ipsum, "Lorem ipsum dolor sit amet..", comes from a line in section 1.10.32.<br /><br />

The standard chunk of Lorem Ipsum used since the 1500s is reproduced below for those interested. Sections 1.10.32 and 1.10.33 from "de Finibus Bonorum et Malorum" by Cicero are also reproduced in their exact original form, accompanied by English versions from the 1914 translation by H. Rackham.<br /><br />

Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia, looked up one of the more obscure Latin words, consectetur, from a Lorem Ipsum passage, and going through the cites of the word in classical literature, discovered the undoubtable source. Lorem Ipsum comes from sections 1.10.32 and 1.10.33 of "de Finibus Bonorum et Malorum" (The Extremes of Good and Evil) by Cicero, written in 45 BC. This book is a treatise on the theory of ethics, very popular during the Renaissance. The first line of Lorem Ipsum, "Lorem ipsum dolor sit amet..", comes from a line in section 1.10.32.<br /><br />

The standard chunk of Lorem Ipsum used since the 1500s is reproduced below for those interested. Sections 1.10.32 and 1.10.33 from "de Finibus Bonorum et Malorum" by Cicero are also reproduced in their exact original form, accompanied by English versions from the 1914 translation by H. Rackham.<br /><br />

Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia, looked up one of the more obscure Latin words, consectetur, from a Lorem Ipsum passage, and going through the cites of the word in classical literature, discovered the undoubtable source. Lorem Ipsum comes from sections 1.10.32 and 1.10.33 of "de Finibus Bonorum et Malorum" (The Extremes of Good and Evil) by Cicero, written in 45 BC. This book is a treatise on the theory of ethics, very popular during the Renaissance. The first line of Lorem Ipsum, "Lorem ipsum dolor sit amet..", comes from a line in section 1.10.32.<br /><br />

The standard chunk of Lorem Ipsum used since the 1500s is reproduced below for those interested. Sections 1.10.32 and 1.10.33 from.</p>
		</div><!--container-->

		<div class="container">
			<h1>Localização</h1><br />
			<img src="imagens/mapas.jpg" />
			<div class="container-right">

				<p>Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia, looked up one of the more obscure Latin words, consectetur, from a Lorem Ipsum passage, and going through the cites of the word in classical literature, discovered the undoubtable source.</p><br />
				<p>Web site: <a href="#">www.miquelangelo.com.br</a></p>

			</div><!--container-right-->

			<div class="clear"></div><!--clear-->

		</div><!--container-->



	</div><!--content-left-->


	<div id="content-right">

		<div class="container">

			<div align="center">
				<h1>Últimas ofertas</h1><br />
			</div>

			<div class="ultimas-ofertas">

				<span>R$ 15,00 em vez de R$ 40,00: 
			  		Ingresso para a peça "Comédia de Pé,
				  		Sentado e Deitado", com Wagner Trindade no 
			  		Teatro Miguel Falabella
				</span>

				<br />

				<img src="imagens/ofertas/oferta.jpg" width="75" height="65" />

				<br />

				<div class="valor-ultimas">R$ 99,89</div>

				<div class="bt-ultimas"><a href="#">Saiba mais</a></div><!--bt-ultimas-->

			</div><!--ultimas-ofertas-->

			<div class="clear"></div><!--clear-->

			<div class="ultimas-ofertas">

				<span>R$ 15,00 em vez de R$ 40,00: 
			  		Ingresso para a peça "Comédia de Pé,
				  		Sentado e Deitado", com Wagner Trindade no 
			  		Teatro Miguel Falabella
				</span>

				<br />

				<img src="imagens/ofertas/oferta.jpg" width="75" height="65" />

				<br />

				<div class="valor-ultimas">R$ 99,89</div>

				<div class="bt-ultimas"><a href="#">Saiba mais</a></div><!--bt-ultimas-->

			</div><!--ultimas-ofertas-->

			<div class="clear"></div><!--clear-->	

			<div class="ultimas-ofertas">

				<span>R$ 15,00 em vez de R$ 40,00: 
			  		Ingresso para a peça "Comédia de Pé,
				  		Sentado e Deitado", com Wagner Trindade no 
			  		Teatro Miguel Falabella
				</span>

				<br />

				<img src="imagens/ofertas/oferta.jpg" width="75" height="65" />

				<br />

				<div class="valor-ultimas">R$ 99,89</div>

				<div class="bt-ultimas"><a href="#">Saiba mais</a></div><!--bt-ultimas-->

			</div><!--ultimas-ofertas-->

			<div class="clear"></div><!--clear-->	

			<div class="ultimas-ofertas">

				<span>R$ 15,00 em vez de R$ 40,00: 
			  		Ingresso para a peça "Comédia de Pé,
				  		Sentado e Deitado", com Wagner Trindade no 
			  		Teatro Miguel Falabella
				</span>

				<br />

				<img src="imagens/ofertas/oferta.jpg" width="75" height="65" />

				<br />

				<div class="valor-ultimas">R$ 99,89</div>

				<div class="bt-ultimas"><a href="#">Saiba mais</a></div><!--bt-ultimas-->

			</div><!--ultimas-ofertas-->

			<div class="clear"></div><!--clear-->	

		</div><!--container-->

		<div class="container">

			<div align="center">
				<h1>Compartilhar e Twittar</h1><br />
			</div>

			<div align="center">

				<a href="http://twitter.com/share" class="twitter-share-button" data-text="Pato faminto - Os melhores lanches com os maiores descontos!" data-via="pato_faminto" data-count="horizontal" data-related="pato_faminto:Pato Faminto">Tweet</a>
				<div id="orkut-site"></div><!--orkut-site-->

			</div><!--twitar e compartilhar-->

		</div><!--container-->

		<iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2FPato-Faminto%2F211254028889417&width=245&colorscheme=light&show_faces=false&stream=true&header=true&height=427" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:245px; height:427px;" allowTransparency="true"></iframe>

	</div><!--content-right-->


	<div class="clear"></div><!--clear-->

</div><!--corpo-->


</div><!--centralizar-->


<div id="patrocinadores">
<div class="centralizar">

	<h1><b>Patrocinadores</b></h1>
	<br />

	<div class="area-patrocinador"><h3>ANUNCIE AQUI</h3></div><!--area-patrocinador-->
	<div class="area-patrocinador"><h3>ANUNCIE AQUI</h3></div><!--area-patrocinador-->
	<div class="area-patrocinador"><h3>ANUNCIE AQUI</h3></div><!--area-patrocinador-->
	<div class="area-patrocinador"><h3>ANUNCIE AQUI</h3></div><!--area-patrocinador-->
	<div class="area-patrocinador"><h3>ANUNCIE AQUI</h3></div><!--area-patrocinador-->
	<div class="area-patrocinador"><h3>ANUNCIE AQUI</h3></div><!--area-patrocinador-->

</div><!--centralizar-->
</div><!--patrocinadores-->

<div id="rodape">
<div class="centralizar">

	<p>O Pato Faminto é o maior site de compras coletivas de Patos de Minas e região.  É o lugar ideal para quem procura boas experiências com descontos incríveis. De Norte a Sul do Patos de Minas o Pato Faminto leva a você os melhores descontos em forma de cupom. Você pode usufruir de ofertas em restaurantes, spas, academias, bares, baladas, clínicas, viagens e muito mais. Com o seu cupom em mãos você aproveita os melhores descontos da cidade com preços inacreditáveis. Aproveite lugares incríveis sem ter que se preocupar com os custos com as melhores ofertas do Pato Faminto. Pato Faminto, descubra o melhor da cidade todos os dias!</p>

	<ul>
		<li>
			<h2><b>Empresa</b></h2>
		</li>
		<li>
			<a href="contato/contato.php"><span>Contato</span></a>		
		</li>
		<li>
			<a href="privacidade.php"><span>Privacidade</span></a>		
		</li>
		<li>
			<a href="termos_condicoes.php"><span>Termos e condições</span></a>	
		</li>		
	</ul>

	<ul id="a">
		<li>
			<h2><b>Saiba mais</b></h2>
		</li>
		<li>
			<a href="patrocinadores.php"><span>Patrocinadores</span></a>	
		</li>
		<li>
			<a href="ofertas/ultimas_ofertas.php"><span>Últimas ofertas</span></a>
		</li>
		<li>
			<a href="como_funciona.php"><span>Como funciona</span></a>
		</li>
		<li>
			<a href="sobre.php"><span>Sobre</span></a>
		</li>
	</ul>

	<ul>
		<li>		
			<h2><b>Interatividade</b></h2>
		</li>
		<li>
			<a href="contato/sugira_ofertas.php"><span>Sugira ofertas</span></a>	
		</li>
		<li>
			<a href="contato/opniao.php"><span>Dê sua opnião</span></a>
		</li>
		<li>
			<a href="perguntas_frequentes.php"><span>Perguntas frequentes</span></a>
		</li>
	</ul>

	<span class="direitos"><b>©2011 Pato Faminto - Todos os direitos reservados</b></span>

	<img src="imagens/icones-compra-segura.png" id="compra-segura" />

	<div class="redes-sociais">
		<a href="http://www.facebook.com/pages/Pato-Faminto/211254028889417" target="_blank">
			<img src="imagens/facebook.png" />
		</a>
		<a href="http://www.twitter.com/pato_faminto" target="_blank">
			<img src="imagens/twitter.png" />
		</a>
		<a href="http://www.orkut.com" target="_blank">
			<img src="imagens/orkut.png" />
		</a>
		<a href="contato/contato.php" target="_blank">
			<img src="imagens/email.png" />
		</a>
	</div><!--redes-sociais-->

</div><!--centralizar-->
</div><!--rodape-->

</body>
</html>

tenho também um exemplo online se quiserem avaliar: http://www.guilherme123.com/patofaminto

gostaria de saber como resolver pois já tentei de tudo :S

muito obrigado

Matheus Tavares · Março 30, 2011

Movido para a área de Webstandards / CSS à pedidos do autor do tópico.

Leandro Eros · Março 31, 2011

Pode especificar o problema? Esta testando no Firefox 4 ou 3.6?

Paulo de Tarso F. M. · Março 31, 2011

Bom, acessei com Firefox 4 mas não vi nada de anormal... Para facilitar, nos informe com um print de como tem que ficar para que possamos comparar então com a versão online.

Agora, uma observação não relacionada à sua dúvida: coloca a caixa de newsletter que abre automaticamente após carregar a página com position:fixed, pois quando a tela escureceu, estava lá embaixo e não entendi porque ela tinha escurecido, e só descobri ao rolar a página lá para o topo... :joia:

Evandro Oliveira · Março 31, 2011

http://forum.imasters.com.br/topic/212439-como-criar-um-topico-para-o-seu-problema/

guih_oliveira10 · Março 31, 2011

amigos, venho aqui agradecer a ajuda de vocês, muito obrigado mesmo mais já consegui solucionar meu problema, e agora me parece estar funcionando em todos os navegadores, por já ter publicado no exemplo online a correção, por isso vocês não viram os bugs.

segue o codigo correto para:

topo.css

/* CSS TOPO */

/* UNIVERSAIS*/
body{
background:url(../imagens/topo-extensao.jpg) top left repeat-x;
}
.centralizar{
width:1000px;
margin:0 auto;
}
#topo{	
height:165px;
background:url(../imagens/topo.gif) top left no-repeat;
}

/* LOGO */
#logo{
width:217px;
height:99px;
position:absolute;
margin:10px 0 0 0;
}

/* LINKS TOPO */
#links-topo{
position:absolute;
top:12px;
margin:0 0 0 234px;
min-width:188px;
}
#links-topo a,#links-topo span{
color:#003399;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
text-decoration:none;
}
#links-topo a:hover{
color:#6b5be5;
}

/* PESQUISA */
#pesquisa{
position:absolute;
top:44px;
margin:0 0 0 232px;
}
#pesquisa input[name=p]{
width:320px;
height:25px;
position:absolute;
}
#pesquisa select[name=filtro]{
height:31px;
margin:0 0 0 334px;
position:absolute;
top:0;
}
#pesquisa input[type=button]{
width:76px;
height:30px;
background:url(../imagens/bt-pesquisa.png) top left no-repeat;
position:absolute;
top:0;
border:none;
margin:0 0 0 500px;
}

/* CESTA DE PRODUTOS */
#cesta-produtos{
position:absolute;
top:52px;
margin:0 0 0 892px;
color:#1D4699;
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
min-width:69px;
}

/* MENU */
#menu{
width:668px;
position:absolute;
top:131px;
}
#left-menu{
float:left;
}
#right-menu{
float:right;
}
#menu ul{
display:inline-block;
width:640px;
background:url(../imagens/bt-menu.png) top left repeat-x;
}
#menu ul li{
display:inline-block;
height:24px;
margin:10px 24px 0 24px;
font-size:13px;
font-family:Arial, Helvetica, sans-serif;
}
#menu ul li a{
color:#FFF;
text-decoration:none;
}
#menu ul li a:hover{
color:#999999;
}

/* ATENDIMENTO */
#atendimento-icon{
position:absolute;
top:125px;
margin:0 0 0 786px;
}

/* BOAS VINDAS */
#boas-vindas{
margin:0 0 0 235px;
position:absolute;
top:102px;
min-width:357px;
}
#boas-vindas span{
color:#003399;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
}
#boas-vindas span a{
color:#FF6600;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
text-decoration:none;
}
#boas-vindas span a:hover{
color:#ed2300;
}

/* BARRA LARANJA*/
#bar-laranja{
width:100%;
height:28px;
background:url(../imagens/bar-laranja.gif) top left repeat-x;
margin:0 0 25px 0;
}
#bar-laranja p{
padding:7px 0 0 0;
font-size:15px;
color:#FFF;
}

muito obrigado

Bom, acessei com Firefox 4 mas não vi nada de anormal... Para facilitar, nos informe com um print de como tem que ficar para que possamos comparar então com a versão online.

Agora, uma observação não relacionada à sua dúvida: coloca a caixa de newsletter que abre automaticamente após carregar a página com position:fixed, pois quando a tela escureceu, estava lá embaixo e não entendi porque ela tinha escurecido, e só descobri ao rolar a página lá para o topo... :joia:

ok amigo, vou seguir sua recomendação, muito obrigado pela dica, realmente em alguns casos a tela de cadastrar newsletter fica bem embaixo.

vlw

Entrar

Arquivado

[Resolvido] problemas com css em diferentes navegadores

Recommended Posts

guih_oliveira10 1

Compartilhar este post

Link para o post

Compartilhar em outros sites

Matheus Tavares 167

Compartilhar este post

Link para o post

Compartilhar em outros sites

Leandro Eros 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Paulo de Tarso F. M. 24

Compartilhar este post

Link para o post

Compartilhar em outros sites

Evandro Oliveira 331

Compartilhar este post

Link para o post

Compartilhar em outros sites

guih_oliveira10 1

Compartilhar este post

Link para o post

Compartilhar em outros sites

Consulta SQL dentro de outra consulta

problema em usar json para realizar engenharia de dados

Soma dos dias utilizados

Este projeto é apoiado pelas empresas

Fóruns

Tempo Real

Informação importante