11550 sujets

JavaScript, DOM et API Web HTML5

[résolu][CSS/ECMA] Effet tiroir

Bonjour, je cherche à faire un effet tiroir via la propriété top, une position relative, l'offset de l'élement en position relative et un interval mais je bloque sur le style avec internet explorer.

Ce code :

<div id="container" style="width:150px;overflow:hidden">
  <ul id="content" style="position:relative;top:-30px">
    <li>Rubrique</li>
    <li>Rubrique</li>
    <li>Rubrique</li>
    <li>Rubrique</li>
    <li>Rubrique</li>
  </ul>
</div>


Fonctionne très bien si je ne spécifie pas la doctype

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">


au document. Dans le cas contraire la propriété overflow: hidden semble n'être plus prise en compte.

Le problème est que sans cette doctype je suis parti pour faire une feuille de style dédiée à IE et j'aimerais m'en passer.

Connaissez-vous une alternative à mon code ?

Merci d'avance.
Modifié par ds-network (16 Jun 2006 - 13:08)
salut

Bonjour, je cherche à faire un effet tiroir via la propriété top, une position relative, l'offset de l'élement en position relative et un interval mais je bloque sur le style avec internet explorer.


c'est quoi un effet tiroir? affichage/disparition? si c'est çà, l'overflow ne sert à rien.une position absolue imbriquée dans une relative est plus indiquée.genre :

<div id="container" style="position:relative;width:150px;">
  <ul id="content" style="position:absolute;top:-130px">
    <li>Rubrique</li>
    <li>Rubrique</li>
    <li>Rubrique</li>
    <li>Rubrique</li>
    <li>Rubrique</li>
  </ul>
</div>


peut être qu'une demande plus précise serait à même de t'apporter des réponses plus appropriées.
Oui ce genre d'effet. Là j'ai utilisé un margin-top négatif mais ça fonctionne de travers sous internet explorer alors je cherchais du côté du positionnement.

J'ai essayé ta manière et en effet ça fonctionne merci. Par contre il semble que l'overflow:hidden soit utile. Sans ça, le menu ne "disparaît" pas. Il va falloir je que joue sur la hauteur du bloc conteneur en même temps que sur les coordonnées.
Sujet clos
Aller à