CSS overflow-x e overflow-y

1 resposta
D

Boa Noite!

Estou colocando overflow-x para uma DIV, so que so esta gerando scroll para o overflow-y.
Meu código :

<div id="divitens">
   
</div>
<div id="divBotoesMenu" style="overflow-x: scroll; overflow-y: hidden; height: 80px; width: 1350px;">
   <a href="javascript:void(0);" onclick="atualizarBotoesMenu('/pages/indexes/botoesMenu.jsp', 'divitens', 'ambulatoriorecepcao');"><img src="/innovarclin/media/ambulatorio/recepcao.png" alt="Recepção"/></a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
    <a href="/innovarclin/montaIndex.clin?idFuncionalidade=9" onclick=""><img src="/innovarclin/media/ambulatorio/administracao.png" alt="Administração"/></a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    <a href="/innovarclin/montaIndex.clin?idFuncionalidade=9" onclick=""><img src="/innovarclin/media/ambulatorio/consultorio.png" alt="Consultório"/></a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    <a href="/innovarclin/montaIndex.clin?idFuncionalidade=9" onclick=""><img src="/innovarclin/media/ambulatorio/faturamento.png" alt="Faturamento"/></a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    <a href="/innovarclin/montaIndex.clin?idFuncionalidade=9" onclick=""><img src="/innovarclin/media/ambulatorio/gesso.png" alt="Gesso"/></a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    <a href="/innovarclin/montaIndex.clin?idFuncionalidade=9" onclick=""><img src="/innovarclin/media/ambulatorio/gestor.png" alt="Gestor"/></a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    <a href="/innovarclin/montaIndex.clin?idFuncionalidade=9" onclick=""><img src="/innovarclin/media/ambulatorio/glosa.png" alt="Glosa"/></a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    <a href="/innovarclin/montaIndex.clin?idFuncionalidade=9" onclick=""><img src="/innovarclin/media/ambulatorio/laudorx.png" alt="Laudo RX"/></a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    <a href="/innovarclin/montaIndex.clin?idFuncionalidade=9" onclick=""><img src="/innovarclin/media/ambulatorio/radiologia.png" alt="Radiologia"/></a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    <a href="/innovarclin/montaIndex.clin?idFuncionalidade=9" onclick=""><img src="/innovarclin/media/ambulatorio/receituario.png" alt="Receituário"/></a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    <a href="/innovarclin/montaIndex.clin?idFuncionalidade=9" onclick=""><img src="/innovarclin/media/ambulatorio/relatorio.png" alt="Relatório"/></a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    <a href="/innovarclin/montaIndex.clin?idFuncionalidade=9" onclick=""><img src="/innovarclin/media/ambulatorio/repasse.png" alt="Repasse"/></a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    <a href="/innovarclin/montaIndex.clin?idFuncionalidade=9" onclick=""><img src="/innovarclin/media/ambulatorio/tabelas.png" alt="Tabelas"/></a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    <a href="/innovarclin/montaIndex.clin?idFuncionalidade=9" onclick=""><img src="/innovarclin/media/ambulatorio/manutencao.png" alt="Manutenção"/></a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    <a href="/innovarclin/montaIndex.clin?idFuncionalidade=9" onclick=""><img src="/innovarclin/media/ambulatorio/repasseempresa.png" alt="Repasse Empresa"/></a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    <a href="/innovarclin/montaIndex.clin?idFuncionalidade=9" onclick=""><img src="/innovarclin/media/ambulatorio/nasajon.png" alt="NASAJON"/></a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

</div>

Por favor me ajudem estou batendo cabeça..

1 Resposta

fabiocortolan

Qual browser vc está usando? Segundo o site W3Schools a propriedade overflow-y não funciona corretamente no IE8 ou inferior:
http://www.w3schools.com/CSSref/css3_pr_overflow-y.asp

Qualquer coisa teste as outras propriedades e veja se o problema é apenas com “hidden”:

Criado 18 de junho de 2013
Ultima resposta 20 de jun. de 2013
Respostas 1
Participantes 2