Afficher un élément sur un overflow hidden

BobbyBrownie
Les bases HTML/CSS

Bonjour tout le monde,

Je teste actuellement le framework Foundation et j'ai un petit problème au niveau CSS.
J'ai une div avec la class row qui a une propriété overflow hidden.
Du coup quand mon menu se déroule la partie dropdown ne s'affiche pas à cause de cet overflow hidden.
Est-il possible de contourner le problème?

P.S.: J'ai fait un screenshot pour que ce soit plus compréhensible.

4 réponses

antho07

Bonjour , pourquoi mettre un overflow hidden??

Pewel-OutOfNutella

Ne met surtout pas d'overflow hidden sur un élément qui va te servir pour un menu déroulant.

De plus, la classe top-bar de foundation comporte un attribut css overflow : visible.

En faisant ça, tu vas contre l'intérêt de faire une top-bar.

BobbyBrownie
Auteur

Bonjour et merci pour vos réponses.
@antho07: Pour faire fonctionner le off canvas du framework Foundation.
@Pewel: La propriété overflow hidden est placé sur la classe row comme indiqué dans le sujet, pas sur la top-bar. Ce n'est pas moi qui ait décidé de mettre ce overflow mais bien la team Zurb (via le layout off canvas). http://foundation.zurb.com/off-canvas.php

Mais tu m'as donné une idée Pewel.
Un simple

header.row { overflow: visible }

et ça fonctionne! :)

Pewel-OutOfNutella

Ah oui en effet y'a un overflow hidden sur la classe row pour le off canvas.

Mais il fallait le dire que tu travaillais là dessus ^^. La classe row "standard" du framework ne comporte pas d'attribut css overflow.

N'oublie pas de valider les messages si on a répondu à ta question.