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 :

div (colonne/menu) en float qui repousse le contenu


Sujet :

CSS

  1. #1
    Nouveau Candidat au Club
    Profil pro
    Inscrit en
    Mars 2010
    Messages
    1
    Détails du profil
    Informations personnelles :
    Localisation : Suisse

    Informations forums :
    Inscription : Mars 2010
    Messages : 1
    Points : 1
    Points
    1
    Par défaut div (colonne/menu) en float qui repousse le contenu
    Bonjour,

    J'ai un problème qui ne devrait pas être trop compliqué, mais je tourne en rond depuis quelques jours, alors finalement je viens demander de l'aide
    quand j'essaie de résoudre le problème, un autre apparait je ne sais donc pas si je "résous" de la bonne manière et qu'il y a d'autres changement à faire , ou s'il vaudrait mieux résoudre le problème différemment.

    1. Problème initial
    On peut voir le problème sur www.cjshop.ch (31.03.2010). Mon menu (à gauche) repousse mon contenu.

    Mon menu est pourtant bel et bien mis en "float:left", ce qui fonctionne bien, mais quand j'ai mis "display:inline-block" pour mon contenu à gauche, celui-ci c'est retrouvé "repoussé" par le menu (comme on peut le voir maintenant).

    Y a-t-il une solution pour le coller au header ?

    2. Solution possible => autre problème
    Sinon, l'autre solution est de mettre un "display:block" pour le contenu; dans ce cas, le contenu est bel et bien à la bonne place, mais la div "contenu", qui contient elle même d'autres div (en "display:float" notamment) s'écrase et devient beaucoup trop courte (screen en attach) : voir (clic)

    Y a-t-il une solution pour que la div s'adapte au contenu (même si celui-ci est en float par exemple) ?



    Merci beaucoup d'avance !

    Bonne journée,
    Ludovic Barman.

  2. #2
    Expert éminent
    Avatar de 12monkeys
    Homme Profil pro
    Webmaster
    Inscrit en
    Novembre 2006
    Messages
    4 093
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 46
    Localisation : France, Puy de Dôme (Auvergne)

    Informations professionnelles :
    Activité : Webmaster
    Secteur : Service public

    Informations forums :
    Inscription : Novembre 2006
    Messages : 4 093
    Points : 9 031
    Points
    9 031
    Par défaut
    Bonsoir

    Pour ton problème 2 il faut mettre overflow: hidden sur le contenu.

    Pour les explications c'est ici : http://css4design.developpez.com/tut...flux-partie-2/
    Vous souhaitez participer à la rubrique (X)HTML/CSS, contactez moi.
    débutez avec les CSS
    Pas de MP pour des questions techniques ! Mode d'emploi du forum ; Règles ; Pensez à la balise code ; Pas de SMS !
    Votez pour les messages qui vous ont aidés...

Discussions similaires

  1. double ,float qui sert à quoi ?
    Par abdelilah dans le forum C
    Réponses: 11
    Dernier message: 16/11/2007, 00h26
  2. 3 colonnes et un footer qui "colle en bas"
    Par sperron dans le forum Mise en page CSS
    Réponses: 1
    Dernier message: 15/11/2007, 21h24
  3. Réponses: 1
    Dernier message: 28/06/2007, 12h41
  4. Combler un div de menu vertical pour l'aligner avec un div de contenu
    Par pc.bertineau dans le forum Mise en page CSS
    Réponses: 8
    Dernier message: 31/05/2007, 23h58
  5. Probleme colonnes + menu separé
    Par Chenr dans le forum Mise en page CSS
    Réponses: 4
    Dernier message: 31/08/2006, 15h09

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