Ao recarregar posicionamento desloca
Olá Amigos,
Quando entro no site pela primeira vez ele carrega normal e tudo fica tranquilo, porém ao entrar e qlq outra pág. e voltar a home acontece esse problema de posição isso ocorre no FF:
Normal
/applications/core/interface/imageproxy/imageproxy.php?img=http://www.triadaz.com.br/_temp/andreguisard/ag/normal.jpg&key=e86434081100b2eba2dc0aacf560de1166c038c2559fbc7901d9dea344bd6fd1" alt="Imagem Postada" />
Com erro
/applications/core/interface/imageproxy/imageproxy.php?img=http://www.triadaz.com.br/_temp/andreguisard/ag/erro.jpg&key=e00e546205a982d1dba3e7c27743d73ff778ae2220aa503b057c6a83040efc6e" alt="Imagem Postada" />
O link do temporário http://www.triadaz.com.br/_temp/andreguisard/ag/
HTML
<body>
<div id="flash">
<script type="text/javascript"> </script>
<noscript>
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http-~~-//download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="100%" height="100%">
<param name="movie" value="_richmedia/flash-maquina.swf" />
<param name="quality" value="high" />
<param name="wmode" value="transparent" />
<embed src="_richmedia/flash-maquina.swf" width="100%" height="100%" quality="high" pluginspage="http-~~-//www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash"></embed>
</object>
</noscript>
</div>
<div id="content">
<div id="topo">
<script type="text/javascript">
AC_FL_RunContent( 'codebase','http-~~-//download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','width','1002','height','90','src','_richmedia/topo','quality','high','pluginspage','http-~~-//www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','movie','_richmedia/topo' ); //end AC code
</script><noscript><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http-~~-//download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="1002" height="90">
<param name="movie" value="_richmedia/topo.swf" />
<param name="quality" value="high" />
<embed src="_richmedia/topo.swf" quality="high" pluginspage="http-~~-//www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="1002" height="90"></embed>
</object>
</noscript>
</div>
<div id="menu">
<ul>
<li><a href="./" class="home">Home</a></li>
<li><a href="agenda.php" class="agenda">Agenda</a></li>
<li><a href="colunas.php" class="colunas">Colunas</a></li>
<li><a href="eventos.php" class="eventos">Eventos</a></li>
<li><a href="fotos-antigas.php" class="fotos-antigas">Fotos Antigas</a></li>
<li><a href="gente.php" class="gente">Gente</a></li>
<li><a href="portfolio.php" class="portfolio">Portfólio</a></li>
<li><a href="contato.php" class="contato">Contato</a></li>
</ul>
</div> <div id="pai">
<div id="eventos">
<div class="titulo"><a href="eventos.php"><strong>Eventos</strong></a></div>
<div id="slider">
<ul id="wslide">
<li style="background:url(images/foto01.jpg) no-repeat;">
<div class="wslide-desc">
<a href="galeria.php"> <span><strong>Feijoada (Resenha Bar)</strong> </span><br />
Adipiscing a, vulputate nec, sagittis quis, sapien nean sit amet justo in massa sodales auctor.
Nullam ligula. Sapien nean sit amet justo in massa sodales auctor. </a>
</div>
</li>
<li style="background:url(images/foto04.jpg) no-repeat;">
<div class="wslide-desc"> <a href="galeria.php"> <span><strong>Aniversário do Gabriel</strong></span><br />
Adipiscing a, vulputate nec, sagittis quis, sapien nean sit amet justo in massa sodales auctor.
Nullam ligula. Sapien nean sit amet justo in massa sodales auctor. </a> </div>
</li>
<li style="background:url(images/foto03.jpg) no-repeat;">
<div class="wslide-desc"> <a href="galeria.php"> <span><strong>Aniversário do André</strong></span><br />
Adipiscing a, vulputate nec, sagittis quis, sapien nean sit amet justo in massa sodales auctor.
Nullam ligula. Sapien nean sit amet justo in massa sodales auctor. </a> </div>
</li>
<li style="background:url(images/foto05.jpg) no-repeat;">
<div class="wslide-desc"> <a href="galeria.php"> <span><strong>Aniversário Olga Óculos</strong></span><br />
Adipiscing a, vulputate nec, sagittis quis, sapien nean sit amet justo in massa sodales auctor.
Nullam ligula. Sapien nean sit amet justo in massa sodales auctor. </a></div>
</li>
</ul>
</div>
</div>
[b]<div id="emcartaz">
<div class="titulo"><a href="emcartaz.php"><strong>Em Cartaz</strong></a></div>
<ul id="filme">
<li class="margem">
<a href="emcartaz.php">
<img src="images/emcartaz/cinema1.jpg" />
<div class="info">
<div class="nome"><strong>Salt</strong></div>
<div class="local">Taubaté (Shopping)</div>
<p>
Verdades, mentiras e uma série de acusações que deixam uma dúvida na cabeça de todos: quem é Salt?
</p>
<p>
<strong>Horário:</strong> <br />
Seg à Dom
<br />
14h 00 - 16h 00 - 20h
</p>
</div>
</a>
</li>
<li>
<a href="emcartaz.php">
<img src="images/emcartaz/cinema2.jpg" />
<div class="info">
<div class="nome"><strong>Shrek para Sempre</strong></div>
<div class="local">Taubaté (Shopping)</div>
<p>As aventuras do ogro mais cômico do cinema estão chegando ao fim. </p>
<p>
<strong>Horário:</strong> <br />
Seg à Dom
<br />
14h 00 - 16h 00 - 20h </p>
</div>
</a>
</li>
</ul>
</div> <ul id="parceiros">
<li class="margem">
<script type="text/javascript">
AC_FL_RunContent( 'codebase','http-~~-//download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','width','140','height','70','src','_richmedia/parceiros/olga','quality','high','pluginspage','http-~~-//www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','movie','_richmedia/parceiros/olga' ); //end AC code
</script><noscript><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http-~~-//download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="140" height="70">
<param name="movie" value="_richmedia/parceiros/olga.swf" />
<param name="quality" value="high" />
<embed src="_richmedia/parceiros/olga.swf" quality="high" pluginspage="http-~~-//www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="140" height="70"></embed>
</object></noscript>
</li>
<li class="margem">
<script type="text/javascript"></script><noscript><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http-~~-//download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="140" height="70">
<param name="movie" value="_richmedia/parceiros/resenha.swf" />
<param name="quality" value="high" />
<embed src="_richmedia/parceiros/resenha.swf" quality="high" pluginspage="http-~~-//www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="140" height="70"></embed>
</object></noscript>
</li>
<li class="margem"><img src="images/parceiros/p3.jpg" width="140" height="70" /></li>
<li class="margem"><img src="images/parceiros/p1.jpg" /></li>
<li><span class="margem"><img src="images/parceiros/p1.jpg" alt="" /></span></li>
</ul> <div style="clear:both;"></div>
</div>
<div id="box">
<ul>
<li class="margem" id="agenda">
<div class="titulo"><a href="agenda.php"><strong>Agenda</strong></a></div>
<ul id="eventos">
<li style="padding-bottom:10px; border-bottom:1px solid #0b668b;">
<a href="agenda-desc.php">
<div class="nome"><strong>Shows dançantes</strong></div>
<img src="images/agenda/th_evento2.jpg" width="66" height="50" />
<div class="desc"><strong>Dia 14 de agosto</strong><br />
das 15h às 17h30 </div>
</a> </li>
<li style="padding-top:10px;">
<a href="#">
<div class="nome"><strong>Banda Áries</strong></div>
<img src="images/agenda/th_evento1.jpg" width="66" />
<div class="desc"><strong>Dia 14 de agosto</strong><br />
À partir das 22h <br />
</div>
</a> </li>
<div style="clear:both;"></div>
</ul>
<a href="agenda.php">
<div class="link"><strong>+ mais</strong></div></a> </li>
<li class="margem" id="coluna">
<div class="titulo">
<a href="colunas.php"><strong>Colunas</strong></a> </div>
<a href="colunas.php">
<div class="nome">
<strong>Projeto mudará realidade do professor brasileiro.</strong></p>
</div>
<img src="images/coluna/fotos-home/coluna1.jpg" />
<div class="desc"><span class="autor">Pollyana Gama:</span>Tramita no Senado Federal um projeto de iniciativa da vereadora Profª Pollyana Gama (PPS).
</div>
</a>
<a href="colunas.php">
<div class="link"><strong>+ mais</strong></div></a>
</li>
<li class="margem" id="fotos-antigas">
<div class="titulo">
<a href="fotos-antigas.php"><strong>Fotos Antigas</strong></a></div>
<a href="fotos-antigas.php">
<div class="nome"><strong>História Taubateana - Parte 01</strong></div>
<img src="images/fotos-antigas/galeria01.jpg" />
<div class="desc"> André é amante de fotografia e tem um grande acervo de fotos antigas.</div>
</a>
<a href="fotos-antigas.php">
<div class="link"><strong>+ mais</strong></div></a></li>
<li class="margem" id="gente">
<div class="titulo">
<a href="gente.php"><strong>Gente</strong></a></div>
<a href="gente.php">
<div class="nome"><strong>Marcelo Hespaña</strong></div>
<img src="images/gente/gente01.jpg" />
<div class="desc">O repórter da TV Vanguarda, estava presente no Resenha no dia 17/07.</div>
</a>
<a href="gente.php">
<div class="link"><strong>+ mais</strong></div></a></li>
<li id="portfolio">
<div class="titulo">
<a href="#"><strong>Portfólio</strong></a> </div>
<a href="#">
<div class="nome"><strong>Beleza, bem-estar e saúde.</strong></div>
<img src="images/portfolio/portfolio01.jpg" />
<div class="desc">O Rose’s Hair é um Salão de Beleza que faz a diferença no mercado.</div>
</a>
<a href="portfolio.php">
<div class="link"><strong>+ mais</strong></div></a></li>
<div style="clear:both"></div>
</ul>
</div>
<div id="rodape">
Copyright ® André Guisard - Todos os direitos reservados
</div></div>
</body>CSS
*{
font-family:Arial, Helvetica, sans-serif;
}body{
margin:0;
background:#ebebeb url(images/bg.png) repeat-x;
}img{
border:0;
}
#flash{
width:100%;
height:100%;
position:absolute;
z-index:5;
display:block;
}
#content{
margin:0 auto;
width:1002px;
padding-top:30px;
padding-bottom:30px;
color:#383838;
}
#topo{
height:90px;
overflow:hidden;
margin-bottom:30px;
}
#pai{
margin-bottom:30px;
}/ Menu /
#menu{
height:20px;
margin-bottom:30px;
}#menu ul{padding:0; margin:0;}
#menu li{float:left; list-style:none;}
#menu li a{
display:block;
font-size:14px;
color:#fff;
text-decoration:none;
padding-left:20px;
padding-right:20px;
padding-top:3px;
padding-bottom:3px;
margin-right:20px;
}#menu li a:hover{
color:#333;
}#menu li .home{
background:#d22626;
}#menu li .home:hover{
background:#ec2828;
}#menu li .agenda{
background:#0b668b;
}#menu li .agenda:hover{
background:#0d81b0;
}#menu li .colunas{
background:#710b8b;
}#menu li .colunas:hover{
background:#b048ca;
}#menu li .eventos{
background:#0b8b4a;
}#menu li .eventos:hover{
background:#11b05f;
}#menu li .fotos-antigas{
background:#ebac02;
}#menu li .fotos-antigas:hover{
background:#feba03;
}#menu li .gente{
background:#73b242;
}#menu li .gente:hover{
background:#8fc168;
}#menu li .portfolio{
background:#b86cac;
}#menu li .portfolio:hover{
background:#e48fd7;
}#menu li .contato{
background:#027beb;
}#menu li .contato:hover{
background:#00a7fe;
}/ Fim Menu /
/ Eventos /
#eventos{
width:500px;
float:left;
}#eventos .titulo{
color:#0b8b4a;
font-size:20px;
padding-bottom:5px;
border-bottom:3px #0b8b4a solid;
margin-bottom:10px;
text-indent:2px;
}#eventos .titulo a{
color:#0b8b4a;
text-decoration:none;
}
#slider{
width:500px;
height:402px;
overflow:hidden;
}
#wslide{
list-style:none;
padding:0;
border:0;
margin:0;
}#wslide li{
width:500px;
height:402px;
}#wslide li .wslide-desc{
width:450px;
height:60px;
padding:338px 10px 5px 40px;
background:url(images/bg_destaque.jpg) no-repeat 0 331px;
font-size:10px;
color:#383838;
}#wslide li .wslide-desc a{
font-size:11px;
color:#383838;
text-decoration:none;
}#wslide li .wslide-desc a span{
font-size:14px;
color:#0b8b4a;
}#wslide li .wslide-desc span{
font-size:14px;
color:#0b8b4a;
}
#wslide-menu{
margin-top:-89px;
margin-left:420px;
z-index:2;
position:absolute;
}#wslide-menu a{
background:url(images/bg_pos_dest.png);
font-size:9px;
padding-left:3px;
padding-right:3px;
padding-top:1px;
padding-bottom:1px;
color:#939598;
text-decoration:none;
}#wslide-menu a.wactive{
color:#3a3a3a;
}/ Fim - Eventos /
/ Em Cartaz /
#emcartaz{
margin-left:20px;
width:315px;
float:left;
}#emcartaz .titulo{
color:#f68f1e;
font-size:20px;
padding-bottom:5px;
border-bottom:3px #f68f1e solid;
margin-bottom:10px;
text-indent:2px;
}#emcartaz .titulo a{
color:#f68f1e;
text-decoration:none;
}#emcartaz #filme{padding:0; margin:0;}
#emcartaz #filme li{list-style:none;}
#emcartaz #filme .margem{
margin-bottom:20px;
}#emcartaz #filme li a{
color:#383838;
font-size:12px;
display:block;
text-decoration:none;
overflow:hidden;
}#emcartaz #filme li a img{
float:left;
}#emcartaz #filme li a .info{
margin-left:140px;
}#emcartaz #filme li a .info .nome{
font-size:14px;
color:#f68f1e;
}#emcartaz #filme li a .info .local{
font-size:10px;
color:#f68f1e;
}/ Parceiros /
#parceiros{padding:0; margin:0; float:right; width:140px; margin-top:27px;}
#parceiros li{
height:70px;
list-style:none;
display:block;
overflow:hidden;
}#parceiros .margem{
margin-bottom:17px;
}/ efeito /
#efeito{
margin-bottom:30px;
}/ Chamadas /
#box{
margin-bottom:30px;
}#box ul{padding:0; margin:0;}
#box ul li{
float:left;
list-style:none;
display:block;
font-size:11px;
color:#383838;
width:184px;
}#box ul .margem{
margin-right:20px;
}#box ul li a{
text-decoration:none;
color:#383838;
}#box ul li a img{
margin-bottom:5px;
}/ Chamada Agenda /
#box ul #agenda .titulo{
color:#0b668b;
font-size:20px;
padding-bottom:5px;
border-bottom:3px #0b668b solid;
margin-bottom:10px;
text-indent:2px;
}#box ul #agenda .titulo a{
color:#0b668b;
text-decoration:none;
}#box ul #agenda #eventos{ width:184px; padding:0; margin:0;}
#box ul #agenda #eventos li{list-style:none;}
#box ul #agenda #eventos .margem{
margin-bottom:20px;
}#box ul #agenda #eventos li a{
color:#383838;
font-size:11px;
display:block;
text-decoration:none;
overflow:hidden;
}#box ul #agenda #eventos li a img{
float:left;
}#box ul #agenda #eventos li a .nome{
color:#0b668b;
font-size:12px;
margin-bottom:5px;
}#box ul #agenda #eventos li a .desc{
margin-left:71px;
min-height:50px;
}#box ul #agenda a .link{
color:#0b668b;
font-size:12px;
text-align:right;
text-decoration:none;
}#box ul #agenda a:hover .link{
text-decoration:underline;
}/ Chamada Coluna /
#box ul #coluna .titulo{
color:#710b8b;
font-size:20px;
padding-bottom:5px;
border-bottom:3px #710b8b solid;
margin-bottom:10px;
text-indent:2px;
}#box ul #coluna .titulo a{
color:#710b8b;
text-decoration:none;
}#box ul #coluna a .nome{
color:#710b8b;
font-size:12px;
margin-bottom:5px;
}#box ul #coluna a .desc .autor{
color:#710b8b;
}#box ul #coluna a .desc{
margin-bottom:10px;
}#box ul #coluna a .link{
color:#710b8b;
font-size:12px;
text-align:right;
text-decoration:none;
}#box ul #coluna a:hover .link{
text-decoration:underline;
}/ Chamada Fotos-Anitas /
#box ul #fotos-antigas .titulo{
color:#ebac02;
font-size:20px;
padding-bottom:5px;
border-bottom:3px #ebac02 solid;
margin-bottom:10px;
text-indent:2px;
}#box ul #fotos-antigas .titulo a{
color:#ebac02;
text-decoration:none;
}#box ul #fotos-antigas a .nome{
color:#ebac02;
font-size:12px;
margin-bottom:5px;
}#box ul #fotos-antigas a .desc{
height:38px;
}#box ul #fotos-antigas a .link{
color:#ebac02;
font-size:12px;
text-align:right;
text-decoration:none;
}#box ul #fotos-antigas a:hover .link{
text-decoration:underline;
}/ Chamada Gente /
#box ul #gente .titulo{
color:#73b242;
font-size:20px;
padding-bottom:5px;
border-bottom:3px #73b242 solid;
margin-bottom:10px;
text-indent:2px;
}#box ul #gente .titulo a{
color:#73b242;
text-decoration:none;
}#box ul #gente a .nome{
color:#73b242;
font-size:12px;
margin-bottom:5px;
}#box ul #gente a .desc{
height:38px;
}#box ul #gente a .link{
color:#73b242;
font-size:12px;
text-align:right;
text-decoration:none;
}#box ul #gente a:hover .link{
text-decoration:underline;
}/ Chamada Portf�lio /
#box ul #portfolio .titulo{
color:#b86cac;
font-size:20px;
padding-bottom:5px;
border-bottom:3px #b86cac solid;
margin-bottom:10px;
text-indent:2px;
}#box ul #portfolio .titulo a{
color:#b86cac;
text-decoration:none;
}#box ul #portfolio a .nome{
color:#b86cac;
font-size:12px;
margin-bottom:5px;
}#box ul #portfolio a .desc{
height:38px;
}#box ul #portfolio a .link{
color:#b86cac;
font-size:12px;
text-align:right;
text-decoration:none;
}#box ul #portfolio a:hover .link{
text-decoration:underline;
}/ Thumbs /
#thumbs{
width:650px;
height:84px;
background:url(images/bg_galeria.jpg);
overflow:hidden;
margin-top:5px;
}#thumbs .next{
float:right;
}#thumbs .prev{
float:left;
}
#fotos-links{
margin-left:35px;
width:580px;
height:66px;
overflow:hidden;
}#scroller{padding:0; margin:0 auto; overflow:hidden; display:block; width:580px; height:66px;}
#scroller .jcarousel-item {
width: 100px;
height: 66px;
margin-right:20px;
}#scroller li{
float:left;
list-style:none;
}#scroller li a{
display:block;
background:none;
width:100px;
height:66px;
margin-right:20px;
border:0;
}#thumbs .posicao{
text-align:center;
color:#333;
font-weight:bold;
font-size:10px;
margin-top:5px;
}
#foto{
margin-bottom:20px;
width:650px;
}
.desc-galeria{
width:282px;
float:right;
height:550px;
padding:0px 10px 0px 40px;
background:#fff url(images/bg_destaque.jpg) no-repeat;
font-size:12px;
color:#333;
}/ Rodape/
#rodape{
font-size:11px;
text-align:center;
border-top:3px #555555 solid;
padding-top:5px;
color:#555555;
}Discussão (1)
Carregando comentários...