IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

jQuery Discussion :

Onglet jquery + css et hauteur colonne


Sujet :

jQuery

  1. #1
    Candidat au Club
    Profil pro
    Inscrit en
    Août 2010
    Messages
    2
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Août 2010
    Messages : 2
    Par défaut Onglet jquery + css et hauteur colonne
    Bonjour,
    Je galère depuis hier pour trouver la solution a mon problème qui ne doit pas être grand chose mais impossible de trouver la solution sur le net. J'en viens donc à poster ici.

    J'ai installer sur mon site, dans la page produit, une navigation en onglet pour présenter différentes description du produit.

    Le problème étant que chaque onglet contient différentes quantité de texte et sont d'une hauteur inégale.

    Ce qui fait que mon footer qui se trouve juste en dessous, n'est jamais bien positionné, ou bien l'onglet a beaucoup de texte et le footer est en dessous (le texte se superpose au footer ), ou bien l'onglet n'a pas beaucoup de texte et il y a un espace énorme entre la fin du texte et le footer.

    Je n'arrive pa à trouver de solution pour régler ce problème, quelqu'un en aurait une peut être ?

  2. #2
    Membre confirmé
    Profil pro
    Inscrit en
    Août 2007
    Messages
    74
    Détails du profil
    Informations personnelles :
    Localisation : France, Paris (Île de France)

    Informations forums :
    Inscription : Août 2007
    Messages : 74
    Par défaut
    Bonjour,

    Si ton contenu et ton footer se chevauchent c'est que tu dois probablement être en positionnement absolute non ?

    Si c'est le cas, ton footer se retrouve hors du flux et ne s'adaptera pas au reste du contenu.

    Je pense que tu devrais revoir la façon dont tu positionnes les différents blocs de ta page et essayer de les remettre en positionnement "normal", relativement au composants précédant.

    Le positionnement absolu est réservé à une mise en page plutôt fixe dans lequel ton contenu sera plus ou moins connu d'avance.

    Peut-être qu'un bout de code pourrait aidé ? html + css

  3. #3
    Candidat au Club
    Profil pro
    Inscrit en
    Août 2010
    Messages
    2
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Août 2010
    Messages : 2
    Par défaut
    Merci pour ta réponse et ton aide mais j'ai trouvé la solution entre temps. Enfin une solution.

    Pour info je n'utilise pas le positionnement absolu.

    En fait j'ai juste imbriquer le footer dans le div contenant les différents onglet et avec un petit margin left négatif (puisque l'onglet est moins large que la page, du coup le footer était pas aligné) tout est rentré dans l'ordre.

    Je sais pas si le procédé est très orthodoxe mais sa marche sous les principaux navigateurs.

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. [css]PB hauteur div auto
    Par seufer dans le forum Mise en page CSS
    Réponses: 4
    Dernier message: 03/08/2006, 10h58
  2. [css] Design 2 colonnes: probleme avec IE
    Par DeezerD dans le forum Mise en page CSS
    Réponses: 4
    Dernier message: 31/07/2006, 14h46
  3. [CSS][DIV] Hauteur totale
    Par Anduriel dans le forum Mise en page CSS
    Réponses: 5
    Dernier message: 12/06/2006, 17h11
  4. [CSS] [DEBUTANT] hauteur des blocs variable
    Par sandro8 dans le forum Mise en page CSS
    Réponses: 8
    Dernier message: 05/05/2006, 00h51
  5. [CSS][IE] hauteur d'un div
    Par sir_gcc dans le forum Mise en page CSS
    Réponses: 3
    Dernier message: 13/01/2006, 11h21

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo