Tenho uma página com: header, menu, flash, conteudo e rodapé.
Simplismente, no IE6, do flash pra baixo, ele perde o CSS. E não consigo fazer voltar de jeito nenhum. Já revirei o CSS, apaguei, coloquei coisas... e não consigo achar a maldita solução
Só falta isso para terminar o site, alguem pode me dar uma ajuda?!?!?!
<!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><!--#include file="referencias.asp"--><title>Editora Positivo</title><script type="text/javascript">$(document).ready(function() { $('#slider').s3Slider({ timeOut: 4000 });});</script><script type="text/javascript">$(function() { $(".thumbs").jCarouselLite({ btnNext: ".next", btnPrev: ".prev" });});</script></head><body><div id="geral"> <!--#include file="header.asp"--> <div id="lado_a_index"> <h2>Destaques</h2> <h3>Lorem ipsum dolor sit amet consecteur</h3> <div id="slider"> <ul id="sliderContent"> <li class="sliderImage"><a href="#"><img src="imagens/img-slider.jpg" alt="" class="borda"/></a> <span class="left"> <strong>ENEM 2009</strong> <p>Nullam ut risus eros. Vivamus volutpat viverra condimentum.</p> </span> </li> <li class="sliderImage"><a href="#"><img src="imagens/img-slider.jpg" alt="" class="borda"/></a> <span class="left"> <strong>ENEM 2007</strong> <p>Nullam ut risus eros.</p> </span> </li> <div class="clear sliderImage"></div> </ul> </div> </div> <div id="lado_b_index"> <h2>O Sistema Positivo de Ensino</h2> <h3>O que podemos oferecer para a sua instituição</h3> <div id="boxNav"> <div id="anterior"><button class="prev"><img src="imagens/seta-slider-esq.jpg" /></button></div> <div class="thumbs"> <ul> <li><img src="imagens/img-carousel.jpg" alt="#"><h4>Livros didáticos</h4><p>Contrary to popular belief, Lorem Ipsum is not simply random text.</p></li> <li><img src="imagens/img-carousel4.jpg" alt="#"><h4>Assessoria pedagógica</h4><p>Contrary to popular belief, Lorem Ipsum is not simply random text.</p></li> <li><img src="imagens/img-carousel5.jpg" alt="#"><h4>Marketing</h4><p>Contrary to popular belief, Lorem Ipsum is not simply random text.</p></li> <li><img src="imagens/img-carousel3.jpg" alt="#"><h4>Ações culturais</h4><p>Contrary to popular belief, Lorem Ipsum is not simply random text.</p></li> <li><img src="imagens/img-carousel2.jpg" alt="#"><h4>Portal</h4><p>Contrary to popular belief, Lorem Ipsum is not simply random text.</p></li> </ul> </div> <div id="proximo"><button class="next"><img src="imagens/seta-slider-dir.jpg" /></button></div> </div> </div> <!--#include file="rodape.asp"--></div></body></html>CSS
/* Definições gerais */ body { background:url(../imagens/bg.jpg) repeat-x #f3f1e5; margin:0; font-family:Arial, Helvetica, sans-serif; font-size:12px;} a { text-decoration:none;} .borda { border:1px solid #CCC; } .floatLeft { float:left; } .floatRight { float:right; } .alignCenter { text-align:center; } #geral { width:984px; margin:0 auto; background:#fff;} /* Header */ #header{ height:113px; background:url(../imagens/bg-header.jpg) no-repeat; position:relative; } #logo { width:263px; height:51px; display:inline; position:absolute; bottom:0; left:38px; } #logo h1 { width:263px; height:51px; margin:0; background:url(../imagens/logo.jpg) no-repeat; text-indent:-10000px; overflow:hidden; } #logo h1 a { width:263px; height:51px; display:block;} /* Menu */ #menu { position:absolute; bottom:10px; right:40px; } #menu a{ display:block; height:29px; text-indent:-10000px; overflow:hidden; } #menu ul ul a{ text-indent:0; height:20px; overflow:visible; background:none;} #menuOque a{ width:126px; background:url(../imagens/menu-1.png) no-repeat top; } #menuServicos a{ width:64px; background:url(../imagens/menu-2.png) no-repeat top; } #menuComo a{ width:132px; background:url(../imagens/menu-3.png) no-repeat top; } #menuLivro a{ width:92px; background:url(../imagens/menu-4.png) no-repeat top; } #menuPortal a{ width:50px; background:url(../imagens/menu-5.png) no-repeat top; } #menuContato a{ width:69px; background:url(../imagens/menu-6.png) no-repeat top; } #menuOque a:hover, #menuServicos a:hover, #menuComo a:hover, #menuLivro a:hover, #menuPortal a:hover, #menuContato a:hover { background-position:bottom; } #nav a{ font-size:12px; display:block; color:#FFF;} #nav, #nav ul{ margin:0; padding:0; line-height:20px; } #nav li{ float:left; position:relative; margin-right:6px;} #nav ul { position:absolute; display:none; width:200px; top:29px; font-size:12px; background:#C96;} #nav ul a:hover{ background:#A74;} #nav ul ul{ top:auto; } #nav li ul a{ width:200px; height:auto; float:left; padding-left:5px;} #nav li ul ul { left:200px; } #nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{ display:none; } #nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{ display:block; } /* Menu de serviços */ #servicosMenu { float:left; border-right:1px solid #e7e1d8; width:200px; margin-right:20px; padding-right:40px; margin-left:40px;} /* Flash */ #banner-flash { width:913px; height:266px; margin:50px auto 20px auto; } /* Conteúdo */ #lado_a_index { width:452px; float:left; padding-left:40px; } #lado_b_index { width:451px; float:left; padding-left:40px; border-left:1px solid #e7e1d8; } #lado_a_index h2, #lado_b_index h2, #conteudo h2 { color:#C52; margin:0; font-size:18px; font-weight:bold; } #lado_a_index h3, #lado_b_index h3, #conteudo h3, #servicosMenu h3 { color:#DA6; font-size:14px; font-weight:bold; } #conteudo { margin:0 40px 0 55px; } #conteudo h3, #servicosMenu h3 { margin-bottom:18px; } #conteudo h4{ font-size:15px; color:#D41; font-weight:bold; margin-bottom:10px; } #conteudo h5{ font-size:13px; background:url(../imagens/bullet.gif) no-repeat left top; font-weight:bold; padding-left:18px; color:#D51;} #conteudo p { font-size:12px; color:#666; line-height:17px; margin-bottom:10px; } #conteudo p a { color:#D51; font-weight:bold;} #conteudo p a:hover { color:#941; border-bottom:1px dashed #666;} #conteudo p .destaque{ color:#D51;} #conteudo hr { border:none; background:#EDC; height:1px; margin-bottom:15px; } #conteudo ul.links, #servicosMenu ul.links { margin-bottom:20px;} #conteudo ul.links li, #servicosMenu ul.links li { background:url(../imagens/bullet.gif) no-repeat left top; padding-left:18px; color:#633; font-weight:bold; margin-bottom:3px; margin-top:3px;} #conteudo ul.links li a, #servicosMenu ul.links li a{ color:#633; font-weight:bold; } #conteudo ul.links li a:hover, #servicosMenu ul.links li a:hover { color:#D51; } #conteudo ul.texto{ margin-left:15px;} #conteudo form fieldset { border: 1px dashed #C96; padding:12px; margin-right:23px; margin-bottom:20px;} #conteudo #formContato fieldset { width:44%;} #conteudo form legend { font-weight:bold; background:#FFF; padding-left:3px; padding-right:3px; } #conteudo form label { font-size:12px; font-weight:bold; color:#C52; clear:both; line-height:32px;} #conteudo form#formConveniar label{ width:180px; float:left; margin:1px 0;} #conteudo form#formConveniar br{ clear:both;} #conteudo form input[type=text], #conteudo label select, #conteudo form textarea { background:#EDC; font-size:12px; padding:3px; color:#D51; border:1px solid #EDC; margin:5px 0 5px 0;} #conteudo form input[type=text]:focus, #conteudo form select:focus, #conteudo form textarea:focus { background:#fff8ee; border:1px solid #FDC;} #conteudo form input[type=submit], #conteudo form input[type=reset] { background:#E82; padding:3px; font-size:12px; color:#FFF; border:none; clear:both; margin:8px 0 0 0;} #conteudo form input[type=submit]:hover, #conteudo form input[type=reset]:hover { background:#C31; cursor:pointer;} #beneficios-A,#beneficios-B,#beneficios-C,#beneficios-D,#beneficios-E,#beneficios-F,#beneficios-G,#beneficios-H,#beneficios-I,#beneficios-J,#beneficios-K,#beneficios-L,#beneficios-M,#beneficios-N,#beneficios-O,#beneficios-P,#beneficios-Q,#beneficios-R,#beneficios-S,#beneficios-T,#beneficios-U,#beneficios-V,#beneficios-X,#beneficios-Y,#beneficios-Z{ padding-top:15px;} .listaAlfabeto li{ float:left; text-align:center; font-size:11px; height:18px; width:18px; line-height:18px; background:url(../imagens/bgLetraAlfabeto.jpg) no-repeat center center; margin-right:3px;} .listaAlfabeto li a{ color:#FFF;font-weight:bold; cursor:pointer; } .listaAlfabeto li:hover{ background:url(../imagens/bgLetraAlfabeto2.jpg) no-repeat center center;} /* Slider */ #slider { width:416px; height:196px; margin-top:24px; position: relative; overflow: hidden; float:left; z-index:5;} #sliderContent{ width:606px; position:absolute; top:0; margin-left:0;} .sliderImage{ float:left; position:relative; display:none;} .sliderImage span{ position:absolute; width:606px; background-color:#000; filter: alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity:0.8; opacity:0.8;*/ color:#fff; display:none; padding:15px; font-size:12px; line-height:14px;} .sliderImage span strong{ color:#FFF; font-size:17px; font-weight:bold;} .sliderImage span p{ color:#FFF; font-size:12px;} .clear{ clear:both;} .left{ left:0; top:0; width:165px !important; height:auto;} /* Carrossel */ #boxNav{ width:425px; clear:both; margin-top:18px;} #boxNav h4{ font-size:15px; color:#D41; font-weight:bold; margin-top:15px; margin-bottom:5px;} #boxNav .thumbs{ float:left; width:330px;} #boxNav .thumbs img{ border:1px solid #CCC; padding:2px; background:#FFF;} #boxNav .thumbs li{ height:230px; width:160px; margin-left:5px; margin-right:5px;} #boxNav .prev, #boxNav .next{ background:#FEC; padding: 48px 3px; border:none; float:left;} #boxNav .thumbs p{ color:#666; line-height:16px;} /* Rodapé */ #rodape { height:53px; clear:both; background:url(../imagens/bg-rodape.jpg) no-repeat; color:#633; padding:20px 40px;} #rodape hr{ border:none; background:#EDC; height:1px; margin-bottom:20px; } #rodape a { color:#633; } #rodape a:hover { color:#D51; } #rodape .esq { float:left; } #rodape .dir { float:right; }Me ajudem, por favorrr!
