28172 sujets

CSS et mise en forme, CSS3

Bonjour à tous,

J'essaye de monter un module de panier "double" ...

...c'est-à-dire organisé dans un système de "tabs". J'en ai placé un exemple à l'adresse suivante :
http://ch0z.net/test/test-tab.html

et commenté le code le + clairement possible.

J'utilise 2 techniques pour réaliser ça : un simple afficher/masquer les calques, un js placé dans le <head>...

...les 2 div "affichées-masquées" étant placées en absolu, j'utilise la méthode de Shaun Inman pour que le footer se place sagement sous les div.

Ce qu'il fait. Pour une raison qui m'échappe totalement puisque la désactivation du js d'Inman ne change rien.

Passons...

Mon véritable problème est que la hauteur de la div contenant les éléments du panier reste figée:
<!---------------------------->
<!-- CONTENEUR PANIERS A ET B -->
<!---------------------------->
...une div répondant au doux nom de class="xpss-xprt-details cc_tallest"...

...du coup, les éléments du 2ème tab débordent du conteneur, sans que la propriété overflow ne puisse les y contenir.

J'ai testé le hacks (height:auto; !important), sans succès... quelqu'un saurait-il me dire pourquoi la propriété ovgerflow:auto n'a aucun effet dans ce cas précis (sinon masquer ce qui dépasse en hidden, ou créer une barre de défilement en scroll)? Merci!
Modifié par brna (28 Aug 2008 - 11:11)