PROBLEMA COM LINK NO FLASH IE

Quando usamos a função carregaflash para chamar um swf, ocorre um bug se usarmos o caminho do flash com constante (ou htacess). Esse problema foi enfrentado no site da via uno. A solução foi colocar o caminho absoluto na chamada do flash, na função carregaflash

THICKBOX TRANSPARENTE

Para fazermos um thickbox transparente(com cantos arredondados por exeplo) no IE o background fica branco. para corrigir esse problema, temos que fazer o seguinte:

-abra o arquivo thickbox.js
procure por iframe o coloque o parâmetro (allowtransparency='true')
Exemplo:

<iframe name="iframe" src="page.html" width="100%" height="300" allowtransparency="true"

IMPLEMENTANDO JCAROUSEL

************************incluir os arquivos básicos do plugin:

<link href="css/jquery.jcarousel.css" rel="stylesheet" type="text/css">

<script language="JavaScript" src="js/plugins/jquery.jcarousel.js" type="text/JavaScript"></script>

************************no site.js colocar o seguinte:

// Chama galeria torneio

$("#galeria-noticia ul").jcarousel({

scroll: 1

});

***********************no html da página colocar o seguinte:

<div id="galeria-noticia" class="jcarousel-container">

<div class="jcarousel-clip">

<ul>

<li><img src="img/img-teste.jpg" /></li>

<li><img src="img/img-teste2.jpg" /></li>

</ul>

</div>

<div class="jcarousel-prev jcarousel-prev replace" title="Anterior"></div>

<div class="jcarousel-next jcarousel-next replace" title="Pr&oacute;xima"></div>

</div>

***************************no projetos.css colocar o seguinte:

#galeria-noticia{ width:508px; padding:30px 0 0;}

#galeria-noticia div.jcarousel-clip{

width:400px;

margin:0 0 0 50px;

}

#galeria-noticia div ul li{

width:auto;

margin:0 AUTO;

}

#galeria-noticia .jcarousel-clip{

overflow:hidden;

width:400px;

margin:0 auto;

}

#galeria-noticia .jcarousel-prev{

background:url(../img/bt-voltar-carrosel.gif);

width:12px; height:18px;

position:absolute;

cursor:pointer;

left:0; top:150px;

}

#galeria-noticia .jcarousel-next{

background:url(../img/bt-avancar-carrosel.gif);

width:12px; height:18px;

position:absolute;

cursor:pointer;

right:0; top:150px;

}

#galeria-noticia .jcarousel-prev-disabled,

#galeria-noticia .jcarousel-next-disabled{visibility:hidden;}

bug input com margin-bottom no IE

Trabalhando em um formulário de contato, descobri que o ie não interpreta margin-bottom no ie6/7. Uma forma de resolver isso seria dar um padding na li (no caso de o input estar dentro de uma li.

BUG POSITION ABSOLUTE IE6

Quando temos um elemento html(como uma div por exemplo) e logo após ela um elemento com float, o ie6 dá pau, e acaba escondendo o elemento absoluto. Como solucao para esse problema podemos colocar um elemento sem float entre o elemento absoluto e o elemento com float, isso resolve o problema.

USANDO THICKBOX

Arquivos necessarios para incluir o thickbox jquery:

jquery.js

thickbox.js

thickbox.css

Depois de incluilos no porjeto, chamar todos os arquivos na página é só colocar no link: class="(qualquer classe) thickbox"

oBS: verificar se na chamada do link está com "media="screen"" assim:

"<link rel="stylesheet" type="text/css" media="screen" href="comum/css/thickbox.css" />"

passar os seguintes parâmetros no href: "?KeepThis=true&TB_iframe=true&height=400&width=600"

aí beleza era isso

site para gerar gifs usados no carregamento de tichbox

www.ajaxload.info

COLOCAR DIV SOBRE FLASH

DIV SOBRE UM FLASH (EXEMPLO: THICKBOX ABRINDO SOBRE UMA PÁGINA COM FLASH)

a div que ficará por cima deve ter position absolute e z-index:100000

a div do flash deve ter position relative e z-index:0 ou z-index:1

o flash deve ter:

<param name="wmode" value="transparent" />