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 :

Rendre independant 2 divs dans un div


Sujet :

CSS

  1. #1
    Nouveau membre du Club
    Inscrit en
    Juin 2007
    Messages
    51
    Détails du profil
    Informations forums :
    Inscription : Juin 2007
    Messages : 51
    Points : 30
    Points
    30
    Par défaut Rendre independant 2 divs dans un div
    Bonjour, voila j'ai un probleme en xhtml, css.

    Voila je vous explique rapidement.

    j'ai un div qui contient le menu et le corps. Je les ai rassemblé uniquement pour leur mettre le meme fond en commun et le faire repeter.

    Mais le probleme c'est que maintenant ils sont dependant l'un de l'autre.
    C'est a dire que le menu est a gauche et le corps se trouve juste en bas du menu.

    Voila ce que sa donne :

    /////////////////
    //Menu/////////
    //Corps ////
    ////////////////

    Et moi ce que j'aimerais faire c'est sa :


    ////////////////////////
    //Menu/////////Corps/
    ///////////////////////

    En clair mettre un float right au corps mais sa me donne rien. car le corps ne se met plus sur l'image de fond

    Merci d'avance

  2. #2
    Modérateur
    Avatar de blueice
    Homme Profil pro
    Développeur Web
    Inscrit en
    Mars 2003
    Messages
    3 487
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 49
    Localisation : France, Alpes Maritimes (Provence Alpes Côte d'Azur)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : Mars 2003
    Messages : 3 487
    Points : 5 134
    Points
    5 134
    Par défaut
    Un margin-left à ton corps et une position absolute à ton menu.

  3. #3
    Nouveau membre du Club
    Inscrit en
    Juin 2007
    Messages
    51
    Détails du profil
    Informations forums :
    Inscription : Juin 2007
    Messages : 51
    Points : 30
    Points
    30
    Par défaut
    je ne sais pas a quoi sert la position absolute, tu peux m'expliquer stp ?

    En fait c'est bon sa marche, j'ai mis un float left au menu et un margin left au corps.

    Mais je veux tester plusieurs methodes

  4. #4
    Modérateur
    Avatar de blueice
    Homme Profil pro
    Développeur Web
    Inscrit en
    Mars 2003
    Messages
    3 487
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 49
    Localisation : France, Alpes Maritimes (Provence Alpes Côte d'Azur)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : Mars 2003
    Messages : 3 487
    Points : 5 134
    Points
    5 134
    Par défaut
    Le problème de ta solution réside dans le fait que si tu réduis la fenêtre ou la police le bloc retournera en dessous.

    La position absolue permet de placer une boîte par rapport aux limites de la zone d'affichage ou du conteneur.

Discussions similaires

  1. Positionnement de deux div dans une div
    Par Olivier Regnier dans le forum Mise en page CSS
    Réponses: 5
    Dernier message: 30/08/2007, 15h52
  2. div dans un div
    Par Shadow69 dans le forum Balisage (X)HTML et validation W3C
    Réponses: 1
    Dernier message: 10/06/2007, 10h21
  3. <DIV>, dans un <DIV>
    Par pierrot10 dans le forum Balisage (X)HTML et validation W3C
    Réponses: 5
    Dernier message: 17/10/2006, 11h36
  4. [CSS] Grand div dans petit div
    Par quidam66 dans le forum Mise en page CSS
    Réponses: 1
    Dernier message: 12/05/2006, 19h01
  5. [CSS][debutant] problème de position de 2 div dans un div
    Par nixonne dans le forum Mise en page CSS
    Réponses: 1
    Dernier message: 06/12/2005, 14h12

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