Ir para conteúdo

POWERED BY:

Arquivado

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

FelipeSAMA

[Resolvido] FancyBox com problemas

Recommended Posts

Boa tarde Pessoas!

 

Meu problema é que eu tenho 3 links com o endereço até o mapa do site. Todos funcionam normalmente, exceto no IE que 1 deles nao carrega dentro de 1 Fancybox, e sim na mesma janela.

 

É este que ta dando problema

 

<div class="btn-ftext map"><a href="map_EN.html" id="wbm">Website Map</a></div>

 

A parte de abrir o endwreço dentro de um fancybox é esse daki

 

$("a#wbm").fancybox({
	'type': 'iframe',
	'width': 720,
	'height': 480,
	'scrolling': 'no',
	'overlayColor': '#58595B',
	'overlayOpacity': 0.53,
	'centerOnScroll': false,
	'showCloseButton': false
});

 

 

Bom, vou tentanndo aqui, agradeço desde já!

Compartilhar este post


Link para o post
Compartilhar em outros sites

precisa debugar cara.. já validou o código HTML ?

 

aparece algum alerta no canto inferior esquerdo da barra de status do seu ie ?

 

apertando Ctrl+Shift+J no Firefox, aparece alguma coisa ?

Compartilhar este post


Link para o post
Compartilhar em outros sites

É muito estranho, pois ele aponta erros que estão dentro do próprio Fancybox ou então dentro do arquivo jquery, sendo que eu nunca mexi em nenhum deles oO

 

 

alguns deles se referem a propriedade filter que não é reconhecida, então eu deletei, já outras se referem ao seguinte:

 

progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_close.png', sizingMethod='scale'); 

 

.fancybox-ie6 #fancybox-bg-w, .fancybox-ie6 #fancybox-bg-e, .fancybox-ie6 #fancybox-left, .fancybox-ie6 #fancybox-right, #fancybox-hide-sel-frame {
height: expression(this.parentNode.clientHeight + "px" ;)
}

 

#fancybox-loading.fancybox-ie6 {
position: absolute; margin-top: 0;
top: expression( (-20 + (document.documentElement.clientHeight ? document.documentElement.clientHeight/2 : document.body.clientHeight/2 ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop )) + 'px';)
}

 

 

Fora isso, não aparece nenhum erro no debugador oO

Compartilhar este post


Link para o post
Compartilhar em outros sites

okay.. precisamos tentar outra coisa então.

 

no canto inferior esquerdo do ie, na barra de status.

aparece algum alerta amarelo ?

Compartilhar este post


Link para o post
Compartilhar em outros sites

Poste um link para o seu site, para vermos oq ocorre.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Vamos lá.. você não DEVE duplicar ID:

 

<a href="map_EN.html" id="wbm">

e:

<div class="btn-ftext map"><a href="map_EN.html" id="wbm">Website Map</a></div>

 

isso está errado, e vai causar uma confusão no script.

Ou você dá um ID para cada um diferente do outro, você usa usa uma class

 

dá uma validada aqui no seu HTML:

http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Ffelipeandres.com.br%2FTranscorp%2Fcontent.php%3Fpage%3D2

 

marcação incorreta atrapalha bastante o jQuery.

 

 

 

Esqueça essa de "só o IE que dá zica". Corrija os teus erros. O IE apenas torna mais evidente as tuas falhas, muito pouco é bug dele mesmo.

A maioria é falha nossa: programadores.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Na verdade eu nem chego perto de programador, apenas um designer se arriscando na web heheheheh

 

Mas eu pemsava q <a> podiam ter ids iguais....

 

Muito obrigado fella!!!

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.