Site totalmente quebrado no FireFox

stromdh · Março 4, 2010

Buenas gurizada, tudo na paz? Tô precisando de uma ajuda da seguinte ordem...

Criei um site em css que no IE e Chrome ficou uma beleza, mas se o bagual tentar abrir no FF dae acaba com o site... desfigura ele... procurei posts antigos com hacks e fiz uso de alguns mas não funcionou, talvez porque eu não esteja fazendo a aplicação correta, uma vez que faço flash actionscript e recem estou me aventurando a fazer css. Gostaria de uma ajuda dos caríssimos amigos que debulham esse negócio. abaixo eu postei o meu css e os hacks utlizados, bem como a aplicação que fiz, se alguém puder me orientar quanto a forma correta de aplicar isso no código eu agradeço tb...

abs a todos.

<!-- um dos hacks que eu utilizei-->
#hackme, x:-moz-any-link {styles for Firefox 2.0 here} #hackme, x:-moz-any-link, x:default {restore styles for Firefox 3.0 and newer}

body {
	background-color:#cacbbd;
	top:0px;
	margin:0;
	padding:0;
}

<!-- otro hacks utilizado-->
#site, x:-moz-any-link {
	position: absolute;		
	top: 0px;
	width: 790px;
	height: 910px;
	left:50%;
	margin-left:-395px;
	z-index: 10;
	
}

<!-- e mais otro-->
#siteg, x:default {
	position: absolute;		
	top: 0px;
	width: 790px;
	height: 1050px;
	left:50%;
	margin-left:-395px;
	z-index: 10;
	
}

polloooo · Março 4, 2010

O hack nada mais é do que definir configurações específicas para certo navegador.

Entao por exemplo: se você fez um menu e esse menu no firefox ficou um pouco maior,você diminui o tamanho dele nesse hack.

Tente criar o seu hack fazendo o seguinte:

Abre sua pagina no firefox e va modificando seu CSS até ela ficar igual ao que fica no IE,esse novo CSS você o salva como o seu hack.

Ta meio confuso,mas espero ter ajudado.

Manda um link da sua pagina pra nos vermos.

abc

stromdh · Março 4, 2010

Minha página acho que fcou meio confusa no código, é a primeira vez que faço uma página html usando css e acho que tenho muito a aprender... pois nao sei como criar o hacks, acredito que teria que refazer um css inteiro só pro mozilla, então nesse caso eu poderia ter um código em javascript por exemplo que verifica o navegador do usuário e encaminha pro css adequado...

o link do meu site está abaixo:

http://www.plusagencia.com.br/transposul/

Desnickadu · Março 4, 2010

cara, eu nunca vi um site que funcione o IE e não funcione no FF [salvo erros de codigo ;)]

em todo caso, pra fazer um menu utilize listas não ordenadas ['ul' e 'li']

pra fazer comentarios na marcação utilize o padrão '' para finalizar. O FF tem problemas se você ficar enxendo a marcação com um monte de tracinhos.

exclua todos os hacks pra FF e tente validar o HTML e o CSS.

arrume os erros indicados na validação e valide novamente até passar

Henrique Barcelos · Março 4, 2010

<!-- otro hacks utilizado-->

Esse tipo de comentário existe no seu CSS???

Comentários em CSS são do tipo

/* Comente aqui */

Já temos 1 erro aí

Poste um link se possível, ou a marcação HTML + CSS

Thiago Retondar · Março 5, 2010

<!-- um dos hacks que eu utilizei-->
#hackme, x:-moz-any-link {styles for Firefox 2.0 here} #hackme, x:-moz-any-link, x:default {restore styles for Firefox 3.0 and newer}

Ctrl + C Ctrl + V?

Tome cuidado com muitos position também. Prefira trabalhar com float, margin, padding, etc.

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

Evandro Oliveira · Março 8, 2010

pelo visto o probleminha ae ta sendo apenas na hora de montar os comentários... é igual em SQL, comentário são APENAS 2 HÍFENS... se você definir 3, deixa de ser um comentário...

troque todos os

<!------(...)----

por

<!-- -->

PS, comentário é apenas para orientação própria e DEVEM ser removidos na versão final (produção) do website. não há sentido em fazer um comentário apenas por divisão de linhas

<!----------------------------------------------------------------------->

qual o objetivo disso??

deixe apenas comentários que vão lhe auxiliar na orientação e navegação do código

<!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>:: 12ª Transpo-Sul - Feira e Congresso de Transporte e Logística ::</title>
<link rel="stylesheet" type="text/css" href="sys/style_transposul.css">
<style type="text/css" media="all">  @import url(css/reset.css);  @import "css/generic.css";  </style> <style type="text/css" media="print"> @import url(css/print.css) print; </style>
<style type="text/css" media="all"> @import url(css/ie.css); </style> 


<script src="Scripts/swfobject_modified.js" type="text/javascript"></script>
</head>

<body>
	<div id="siteg2">
    
        <!-- Iniciando cabeçalho -->
    	<div id="cabecalho">
        	<div class="logo_transposul">
            	<a href="index.html"><img border="0" src="img/home.png" onMouseOver="this.src='img/home_on.png'" onMouseOut="this.src='img/home.png'"></a>
        	</div>
        </div>
    
    	<div id="menu">
    		<div class="d01"><a href="feira.html"><img border="0" src="img/feira.png" onMouseOver="this.src='img/feira_on.png'" onMouseOut=		"this.src='img/feira.png'"></a>
       		</div>
        	<div class="d02"><a href="congresso.html"><img border="0" src="img/congresso.png" onMouseOver="this.src='img/congresso_on.png'" onMouseOut="this.src='img/congresso.png'"></a>
        	</div>
        	<div class="d03"><a href="fotos09.html"><img border="0" src="img/e2009.png" onMouseOver="this.src='img/e2009_on.png'" onMouseOut="this.src='img/e2009.png'"></a>
        	</div>
        	<div class="d04"><a href="turismo.html"><img border="0" src="img/turismo.png" onMouseOver="this.src='img/turismo_on.png'" onMouseOut="this.src='img/turismo.png'"></a>
        	</div>
        	<div class="d05"><a href="apoiadores.html"><img border="0" src="img/apoiadores.png" onMouseOver="this.src='img/apoiadores_on.png'" onMouseOut="this.src='img/apoiadores.png'"></a>
        	</div>
        	<div class="d06"><a href="noticias.html"><img border="0" src="img/noticias.png" onMouseOver="this.src='img/noticias_on.png'" onMouseOut="this.src='img/noticias.png'"></a>
        	</div>
        	<div class="d07"><a href="contatos.html"><img border="0" src="img/contatos.png" onMouseOver="this.src='img/contatos_on.png'" onMouseOut="this.src='img/contatos.png'"></a>
        	</div>
        </div>

    <div id="linha_menu">
    	<img src="img/linha_menu.jpg"/>
    </div>            
    <!-- fim do cabeçalho -->

	<div id="banner">
	  <object id="FlashID" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="787" height="256">
	    <param name="movie" value="swf/banner.swf" />
	    <param name="quality" value="high" />
	    <param name="wmode" value="transparent" />
	    <param name="swfversion" value="6.0.65.0" />
	    <!-- Esta tag param solicita que os usuários com o Flash Player 6.0 r65 e versões posteriores baixem a versão mais recente do Flash Player. Exclua-o se você não deseja que os usuários vejam o prompt. -->
	    <param name="expressinstall" value="Scripts/expressInstall.swf" />
	    <!-- A tag object a seguir aplica-se a navegadores que não sejam o IE. Portanto, oculte-a do IE usando o IECC. -->
	    <!--[if !IE]>-->
	    <object type="application/x-shockwave-flash" data="swf/banner.swf" width="787" height="256">
	      <!--<![endif]-->
	      <param name="quality" value="high" />
	      <param name="wmode" value="transparent" />
	      <param name="swfversion" value="6.0.65.0" />
	      <param name="expressinstall" value="Scripts/expressInstall.swf" />
	      <!-- O navegador exibe o seguinte conteúdo alternativo para usuários que tenham o Flash Player 6.0 e versões anteriores. -->
	      <div>
	        <h4>O conteúdo desta página requer uma versão mais recente do Adobe Flash Player.</h4>
	        <p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Obter Adobe Flash player" width="112" height="33" /></a></p>
          </div>
	      <!--[if !IE]>-->
        </object>
	    <!--<![endif]-->
      </object>
    
    
    </div>
   
  <div id="corpo">
    	<div class="barra_sup">
        	<img src="img/barra_miolosup.png" />
        </div>   

		<div class="fundo_miolog2">
        </div>

		<div class="fundo_corpog2">    	
        </div>
        
        <div class="barra_infg2">
        	<img src="img/barra_mioloinf.png" />
        </div>
        
        <div class="titulo_home">
        	<img src="img/titulo_home.png" />          
        </div>
        
      <div class="linha_corta1">
        	<img src="img/linha_corta.png" />
        </div>
        
    	<div class="linha_fechag2">
        	<img src="img/linha_corta.png" />
        </div>
        
        <div class="titulo_home2">
        	<img src="img/titulo_home2.png" />          
        </div>
        
        <div class="organiza_realiza">
        	<img src="img/organiza_realiza.png" />
        </div> 
        
        <div class="apoio">
        	<img src="img/apoio.png" />
        </div>   
        
        <div class="co_produz">
        	<img src="img/co_producao.png" />
        </div>
        
        <div class="logo_setcergs">
        	<img src="img/logo_setcergs.png" />
</div>
        
        <div class="logo_fetransul">
        	<img src="img/logo_fetransul.png" />
        </div>  
        
        <div class="logo_cit">
        	<img src="img/logo_cit.png" />
        </div>   
        
        <div class="logo_fetergs">
        	<img src="img/logo_fetergs.png" />
        </div> 
        
        <div class="logo_fecam">
        	<img src="img/logo_fecam.png" />
        </div> 
        
        <div class="logo_fecamrs">
        	<img src="img/logo_fecamrs.png" />
        </div> 
    	       
    	
    </div>

	<div class="flashizin">
    	<img src="img/destaques_home.png" />
    </div>

    
  <div id="texto">
    	<div class="texto1">
        		Grandes marcas e oportunidades comerciais são construídas diariamente pelas organizações bem-sucedidas. Existem ofertas de forte impacto na busca destes objetivos. No mercado de TRANSPORTE e LOGÍSTICA a TRANSPO-SUL é a vitrine exclusiva onde sua empresa terá contato direto com os empresários deste setor.  
                <p>
	A 12ª TRANSPO-SUL será mais uma vez o ponto de convergência dos produtos e serviços que fazem a diferença neste competitivo mercado.

        </div>
    
    <div class="enderecog2">
        	Av. São Pedro, 1420 • Bairro São Geraldo • CEP 902320 - 124 • Porto Alegre/RS
            <br />
			Fone (51) 3342.9299 • Fax (51) 3342.2053 • E-mail: transposul@setcergs.com.br

        </div>
    </div>

 	   <div id="rodapeg2">
       		<div class="direitos">
            	<h1>Copyright © 2010 - Todos os direitos reservados</h1>
            </div>
            <div class="desenvolvido">
            	<h1>Desenvolvido por</h1>
            </div>
            <div class="logo_plus">
        		<img src="img/logo_plus.png" />
        	</div>
       </div>
	</div>
<script type="text/javascript">swfobject.registerObject("FlashID");</script>
</body>
</html>

stromdh · Março 9, 2010

Galera... me quebrei pra fazer a parada... validei todas as páginas e não deu muito certo, pois eu teria que validar todas as páginas o que acabaria acontecendo como uma espácie de rediagramação de todo o site.

Foi então que eu percebi que o problema eram os comentários. Retirei todos os comentários do site e do arquivo css e o site funcionou. Só que no firefox o botão que leva pra home nao está funcionando.

Para quem quiser dar uma olhada e colaborar com alguma dica eu agradeço e posto novamente o link abaixo. lembrando que é minha primeira página em css e acredito que o código ficou meio bagunçado.

http://www.plusagencia.com.br/transposul

Thiago Retondar · Março 9, 2010

Em nenhum lugar vai funcionar. Tem que adicionar um a com href.

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

Desnickadu · Março 9, 2010

http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fwww.plusagencia.com.br%2Ftransposul%2F

Result: 24 Errors, 223 warning(s)

assim não vai mesmo '-'

Arquivado

Site totalmente quebrado no FireFox

Recommended Posts

stromdh 15

Compartilhar este post

Link para o post

Compartilhar em outros sites

polloooo 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

stromdh 15

Compartilhar este post

Link para o post

Compartilhar em outros sites

Desnickadu 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Henrique Barcelos 290

Compartilhar este post

Link para o post

Compartilhar em outros sites

Thiago Retondar 18

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

stromdh 15

Compartilhar este post

Link para o post

Compartilhar em outros sites

Thiago Retondar 18

Compartilhar este post

Link para o post

Compartilhar em outros sites

Desnickadu 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Estou criando uma calculadora de m2 e litros de tinta

Cruzamento de Bases

Consulta sem duplicação

Fóruns

Tempo Real

Informação importante