Propriété overflow inactive

HTML5, CSS3, Javascript, support des mobiles... Que penser de votre site ? Vous manquez d'informations pour la construction d'un site qui puisse s'afficher correctement partout ? C'est un problème simple, un peu complexe ? Venez ici !
brna
Arias
Messages : 4
Inscription : 06 août 2008, 17:57

Propriété overflow inactive

Message par brna »

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!


Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.9.0.1) Gecko/2008070208 Firefox/3.0.1
Asumbaa
Tyrannosaurus Rex
Messages : 2411
Inscription : 08 déc. 2004, 20:07

Message par Asumbaa »

Salut,

C'est pas facile à dire...
Avant toute chose, je te conseillerais de corriger les erreurs HTML et surtout, surtout, de ne pas utiliser des commentaires HTML avec des ---- dedans (à remplacer par des = par exemple).

Voir ces quelques explications

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.9) Gecko/2008052906 Firefox/3.0
brna
Arias
Messages : 4
Inscription : 06 août 2008, 17:57

Message par brna »

Merci pour l'info... bon à savoir en effet, même si la correction n'a pas eu d'incidence sur le comportement des tabs...

...passé quelques manip, me suis remis à la recherche de solutions existantes et suis tombé sur ça : http://www.css4design.com/exemples/menu_onglets/

Ne pas ré-inventer la roue...

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.9) Gecko/2008052906 Firefox/3.0
Répondre

Qui est en ligne ?

Utilisateurs parcourant ce forum : Aucun utilisateur inscrit et 3 invités