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

Mise en page CSS Discussion :

[CSS] DIVs qui va à la ligne... :(


Sujet :

Tableau en CSS

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Nouveau membre du Club
    Profil pro
    Inscrit en
    Décembre 2005
    Messages
    7
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Décembre 2005
    Messages : 7
    Par défaut [CSS] DIVs qui va à la ligne... :(
    Bonjour,

    Avant tout : site pour adulte donc contenu pouvant en choquer certains.

    Donc, je fais un annuaire avec un header, une petite ligne en dessous et un footer : tout ca est ok. Puis, j'ai le contenu : 1 menu gauche (leftBox), 1 menu droit (rightBox), 1 contenu (mainBox) et là ca coince sous Firefox.

    Parfois (sans raison apparente) la mainBox va se mettre à la ligne, pourtant rien ne dépasse la taille allouée, rien de gêne. Cela ne se passe que sous firefox (IE = OK). J'ai essayé plusieurs types de propriété Display, rien n'y fait.

    Faîtes le test (naviguez en cliquant sur les catégories dans le menu de gauche) :
    - Delabaise.com (le site)
    - La feuille de style CSS

    Si vous avez des indications, car là je craque un peu car je cherche depuis hier soir... Merci d'avance

  2. #2
    Membre chevronné
    Profil pro
    Inscrit en
    Août 2004
    Messages
    310
    Détails du profil
    Informations personnelles :
    Âge : 48
    Localisation : France

    Informations forums :
    Inscription : Août 2004
    Messages : 310
    Par défaut
    choqué de voir un tel lien ici

    Ce genre de site n'a pas sa place sur Internet.

  3. #3
    Nouveau membre du Club
    Profil pro
    Inscrit en
    Décembre 2005
    Messages
    7
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Décembre 2005
    Messages : 7
    Par défaut
    Ok, et... à part ca?

  4. #4
    Membre chevronné
    Profil pro
    Inscrit en
    Août 2004
    Messages
    310
    Détails du profil
    Informations personnelles :
    Âge : 48
    Localisation : France

    Informations forums :
    Inscription : Août 2004
    Messages : 310
    Par défaut Re: [CSS] DIVs qui va à la ligne... :(
    Citation Envoyé par m0pz
    Donc, je fais un annuaire avec un header, une petite ligne en dessous et un footer : tout ca est ok. Puis, j'ai le contenu : 1 menu gauche (leftBox), 1 menu droit (rightBox), 1 contenu (mainBox) et là ca coince sous Firefox.
    Je peux essayer de te donner une piste seulement avec les informations que tu as donné.

    Donc tu as :

    [header]
    [ligne en dessous]
    [leftBox] [mainBox] [rightBox]
    [footer]

    Essaies clear: both; sur Footer.

  5. #5
    Nouveau membre du Club
    Profil pro
    Inscrit en
    Décembre 2005
    Messages
    7
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Décembre 2005
    Messages : 7
    Par défaut Re: [CSS] DIVs qui va à la ligne... :(
    Citation Envoyé par balu
    [header]
    [ligne en dessous]
    [leftBox] [mainBox] [rightBox]
    [footer]

    Essaies clear: both; sur Footer.
    J'ai testé, can e fonctionne tjrs pas. J'ai testé clear: both, sur [ligne en dessous] aussi et rien. Je comprends même pas pourquoi ca repart à la ligne une fois sur deux..

  6. #6
    Nouveau membre du Club
    Profil pro
    Inscrit en
    Décembre 2005
    Messages
    7
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Décembre 2005
    Messages : 7
    Par défaut
    Sur ma classe CONTAINER qui contient [leftbox] [mainbox] [rightbox], si je mets :
    - display: table;, j'ai ce bug qui apparait MAIS quand ca fonctionne j'ai mon height à 100%.
    - display: block ou pas de display, je n'ai pas le bug mais les 100% des menus et de mainbox ne fonctionnent pas donc ca peut faire laid.

    Donc faudrait peut-etre penser à rester en display: block; et... trouver la solution au bug 100%? Alors, vous avez une solution maintenant pour que les menus et le block central prennent 100% de la hauteur? (ca se voit au background

  7. #7
    Nouveau membre du Club
    Profil pro
    Inscrit en
    Décembre 2005
    Messages
    7
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Décembre 2005
    Messages : 7
    Par défaut
    Une idée?!
    Je ressaie pleins de combinaisons mais tjrs rien.. snfi help !

  8. #8
    Membre chevronné
    Profil pro
    Inscrit en
    Août 2004
    Messages
    310
    Détails du profil
    Informations personnelles :
    Âge : 48
    Localisation : France

    Informations forums :
    Inscription : Août 2004
    Messages : 310
    Par défaut
    J'ai peut-être trouvé une idée pour la hauteur à 100%.

    D'après cet article en anglais, il faudrait donner une hauteur aux éléments body et html.

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    html,body {
      height: 100%;
    }

  9. #9
    Nouveau membre du Club
    Profil pro
    Inscrit en
    Décembre 2005
    Messages
    7
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Décembre 2005
    Messages : 7
    Par défaut
    Oui mais je l'ai déjà fait, j'ai mis height 100% à tous les éléments parents des DIVs cocnernés. Mais ca marche pas quand je fais Display: block. Quand je fais display: table; ca marche mais ca bug.

  10. #10
    Nouveau membre du Club
    Profil pro
    Inscrit en
    Décembre 2005
    Messages
    7
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Décembre 2005
    Messages : 7
    Par défaut
    Voilà c'est réparé (bidouillé) mais soucis visible maintenant surtout sur IE : un gros vide entre le [footer] et le contenu. Vous avez une idée?

    Merci à vous!

  11. #11
    Membre chevronné
    Avatar de Glob
    Homme Profil pro
    Architecte de système d'information
    Inscrit en
    Avril 2002
    Messages
    428
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 48
    Localisation : Suisse

    Informations professionnelles :
    Activité : Architecte de système d'information

    Informations forums :
    Inscription : Avril 2002
    Messages : 428
    Par défaut
    Citation Envoyé par balu
    Ce genre de site n'a pas sa place sur Internet.
    Je suis loin de vouloir défendre ce genre de commerce, mais je serais curieux de voir comment tu argumentes une telle prise de position...

  12. #12
    Membre chevronné
    Profil pro
    Inscrit en
    Août 2004
    Messages
    310
    Détails du profil
    Informations personnelles :
    Âge : 48
    Localisation : France

    Informations forums :
    Inscription : Août 2004
    Messages : 310
    Par défaut
    Citation Envoyé par Glob
    Citation Envoyé par balu
    Ce genre de site n'a pas sa place sur Internet.
    Je suis loin de vouloir défendre ce genre de commerce, mais je serais curieux de voir comment tu argumentes une telle prise de position...
    Ce n'était pas une prise de position mais je me rend compte que ma phrase était exagérée. Pour ma part, ce genre de site ne m'intéresse pas du tout et me dérange un peu mais je peux comprendre que cela intéresse certaines personnes.

  13. #13
    Membre chevronné
    Avatar de Glob
    Homme Profil pro
    Architecte de système d'information
    Inscrit en
    Avril 2002
    Messages
    428
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 48
    Localisation : Suisse

    Informations professionnelles :
    Activité : Architecte de système d'information

    Informations forums :
    Inscription : Avril 2002
    Messages : 428
    Par défaut
    hehe je comprends tout à fait que ce genre de contenu puisse déplaire...

    Je ne suis pas fanatique de ces formes d'art (mmhh...) mais bon si tout le monde est majeur et consentant, c'est déjà pas mal...

  14. #14
    Membre éclairé Avatar de spilliaert
    Profil pro
    Inscrit en
    Septembre 2005
    Messages
    268
    Détails du profil
    Informations personnelles :
    Âge : 34
    Localisation : Belgique

    Informations forums :
    Inscription : Septembre 2005
    Messages : 268
    Par défaut
    bon, à part ça, as-tu essayé en remplaçant div par span ???Tu passes donc du type bloc au contenu en ligne, donc,pour conserver l'affichage, faudra un truc du genredans la feuille dze style ) span{display:bloc;}. C'est ridicule de faire ça mais si ça marche pas autrement ????

  15. #15
    Membre émérite
    Profil pro
    Inscrit en
    Juin 2002
    Messages
    1 012
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juin 2002
    Messages : 1 012
    Par défaut
    j'ai également rencontré ton problème sur myIE
    Et, chose surprenante, ta mainbox se met correctement au milieu de l'écran, et au bout de quelques secondes elle se déplace à la ligne.
    Ne serait-ce pas dû à une fonction javascript (auquel je ne connais rien) ?

Discussions similaires

  1. [CSS 2.1] Texte dans un div qui va à la ligne
    Par raztam dans le forum Mise en page CSS
    Réponses: 1
    Dernier message: 31/03/2011, 13h52
  2. [CSS] Comment faire un div qui ne s'étend pas ?
    Par tuxout dans le forum Mise en page CSS
    Réponses: 4
    Dernier message: 16/08/2006, 14h23
  3. [CSS][firefox]positionner mes div sur une seule ligne
    Par hansaplast dans le forum Mise en page CSS
    Réponses: 3
    Dernier message: 29/03/2006, 14h44
  4. [CSS] largeur de div et retour à la ligne
    Par bat dans le forum Mise en page CSS
    Réponses: 9
    Dernier message: 17/11/2005, 16h36

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