Olá, Pessoal tenho um problema com uso de abas. No firefox está tudo ok. No IE as abas não aparece. O conteúdo da página aparece normal e apesar de não aparecer as abas, quando clica no espaço em branco onde ela deveria estar a ação é executada normalmente. Alguém pode ajudar? jsp1 <tiles:put name="corpo">
<!-- CSS TABS -->
<ul id="tabnav">
<li id="tab1" class="active"><a href="###" onclick="link('acao1.do','tabcontent');">Geral</a></li>
<li id="tab2"><a href="###" onclick="link('acao2.do','tabcontent');">Agências</a></li>
<li id="tab3"><a href="###" onclick="link('acao3.do','tabcontent');">Projeto</a></li>
</ul>
<div id="tabcontent">
<script>link('acao1.do','tabcontent');</script>
</div>
</tiles:put>
jsp da acao1
<script>setActiveTab('tabnav','tab1');</script>
<html:form method="post" action="/PeriodoProgramaSalvar" focus="status"
onsubmit="submit_form('periodoProgramaForm','tabcontent'); return false;">
<%// conteudo da pagina%>
</html:form>
css
ul#tabnav {
font: bold 11px verdana, arial, sans-serif;
list-style-type: none;
padding-bottom: 24px;
border-bottom: 1px solid #336699;
margin: 0;
}
ul#tabnav li {
float: left;
height: 21px;
background-color: #DFF4FF;
margin: 2px 2px 0 2px;
border: 1px solid #336699;
}
#tabnav .active{
border-bottom: 1px solid #fff;
background-color: #fff;
}
#tabnav .active{
color: #000;
}
#tabnav a {
float: left;
display: block;
color: #666;
text-decoration: none;
padding: 4px;
}
#tabnav a:hover {
background: #fff;
}
#tabcontent h3 {
border-bottom: 1px solid #376098;
color: #376098;
margin-bottom: 0;
padding-bottom:0;
font-size: 10pt;
}
js
function setActiveTab(ul_id, new_id){
ul = document.getElementById(ul_id);
li = ul.childNodes;
for (i=0; i < li.length; i++){
if (li[i].id == new_id)
li[i].className = 'active';
else
li[i].className = '';
}
} obrigada.
