[Resolu] Soustraire une dimension et cacher avec hidden

Salut,

Déjà, je tiens à vous féliciter pour le nouveau design de alsacreation (vraiment magnifique).
De mon côté, j'ai une question concernant les dimensions.

J'ai un bloc ou sa hauteur varie selon les pages, et j'aimerais cacher les 20 pixels du bas.
J'ai donc mis :

<div style="display:block;overflow-y:hidden;margin-bottom:-20px;">
Mon Bloc
</div>

Mais cela ne fonctionne pas, et c'est normal. Avez-vous une solution à me proposer ?

Merci d'avance.
Thomas
Modifié par twin (02 Feb 2009 - 18:18)

Salut, c'est normal que ça ne marche pas, le margin n'est pas fait pour ça, et je ne vois pas trop comment faire sans mettre une hauteur = (hauteur calculée) - 20px;

«Cacher les 20px du bas», ça se fait à l'aide de la propriété CSS clip.
http://reference.sitepoint.com/css/clip

N'est utilisable que pour les éléments positionnés en absolu, par contre...
Modifié par Florent V. (02 Feb 2009 - 12:30)

Yes, merci.
Je vais regarder de ce côté là.

Sur IE, çà ne marche pas.
J'abandonne cette solution. Je vais essayer de faire autrement.

twin a écrit :
Sur IE, çà ne marche pas.

Ça marche si tu respectes la syntaxe propre à IE, comme indiqué dans l'article. Mais c'est de toute façon une solution peu intéressante vu qu'elle exige l'utilisation du positionnement absolu.

En fait mon problème viens juste de position:absolute; Du coup, je replace mon bloc correctement, mais IE va le mettre complètement ailleurs.

twin a écrit :
En fait mon problème viens juste de position:absolute; Du coup, je replace mon bloc correctement, mais IE va le mettre complètement ailleurs.

Peut-être le problème de HasLayout mentionné ici?
http://covertprestige.info/test/12-positionnement-absolu-selon-conteneur.html