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

HTML Discussion :

Problèmes avec div id...


Sujet :

HTML

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre éclairé
    Inscrit en
    Mai 2005
    Messages
    233
    Détails du profil
    Informations forums :
    Inscription : Mai 2005
    Messages : 233
    Par défaut Problèmes avec div id...
    En fait j'ai ma page ou j'ai mis mon menu déroulant en css et j'ai un div id pour mon menu donc
    et j'ai un autre div id appelé global pour centrer tous les éléments de ma page mais dès que je mets les 2 sur la même page sa ne marche pas.
    Pourriez vous m'expliquez pourkoi et me donner des solutions svp.
    Merci d'avance.
    @+
    Bonne soirée

  2. #2
    Membre expérimenté Avatar de AlphaYoDa
    Profil pro
    Inscrit en
    Novembre 2004
    Messages
    213
    Détails du profil
    Informations personnelles :
    Localisation : Suisse

    Informations forums :
    Inscription : Novembre 2004
    Messages : 213
    Par défaut
    tu pourrais essayer de rétrecir ton problème au maximum jusqu'au bug en montrant le bout de code CSS + la structure html (petit bout).

    - il manque des doubles guillemets : id="menu"

  3. #3
    Membre éclairé
    Inscrit en
    Mai 2005
    Messages
    233
    Détails du profil
    Informations forums :
    Inscription : Mai 2005
    Messages : 233
    Par défaut Suite...
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    <div id="global">
    <div id="menu">
    // code de mon menu
    </div>
    </div>
    Voila mon code en gros et mon menu ne se centre toujours pas pourtant j'ai bien initialiser les valeurs de "menu" et "global" dans ma feuille css.
    Merci de m'aider svp.
    Bonne soirée.
    @+

  4. #4
    Membre émérite
    Avatar de Freed0
    Profil pro
    Étudiant
    Inscrit en
    Mars 2005
    Messages
    635
    Détails du profil
    Informations personnelles :
    Âge : 37
    Localisation : Belgique

    Informations professionnelles :
    Activité : Étudiant

    Informations forums :
    Inscription : Mars 2005
    Messages : 635
    Par défaut
    Montre nous le code de ta feuille css

  5. #5
    Membre éclairé
    Inscrit en
    Mai 2005
    Messages
    233
    Détails du profil
    Informations forums :
    Inscription : Mai 2005
    Messages : 233
    Par défaut
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    #global {
         margin-left: auto;
         margin-right: auto;
         width: 800px;
         text-align: left; /* on rétablit l'alignement normal du texte */
         }
    body {
    margin: 0;
    padding: 0;
    background: white;
    font: 80% verdana, arial, sans-serif;
    }
    dl, dt, dd, ul, li {
    margin: 0;
    padding: 0;
    list-style-type: none;
    }
    #menu {
    position: absolute; /* placement du menu, à modifier selon vos besoins */
    top: 96px;
    left: 34px;
    z-index:100;
    width: 100%; /* correction pour Opera */
    }
    // etc...
    voila le code de ma feuille css. Merci encore pour votre aide. @+

  6. #6
    Membre émérite
    Avatar de Freed0
    Profil pro
    Étudiant
    Inscrit en
    Mars 2005
    Messages
    635
    Détails du profil
    Informations personnelles :
    Âge : 37
    Localisation : Belgique

    Informations professionnelles :
    Activité : Étudiant

    Informations forums :
    Inscription : Mars 2005
    Messages : 635
    Par défaut
    C'est à cause de ton absolute si j'ai bien compris ton problème...

  7. #7
    Membre éclairé
    Inscrit en
    Mai 2005
    Messages
    233
    Détails du profil
    Informations forums :
    Inscription : Mai 2005
    Messages : 233
    Par défaut ...
    Tu crois que c'est mon absolute, peut être bien oui... Mais pourrais tu m'expliquer pourquoi et me dire par quoi il faut le remplacer stp.
    Merci encore pour ton aide. @+

  8. #8
    Membre émérite
    Avatar de Freed0
    Profil pro
    Étudiant
    Inscrit en
    Mars 2005
    Messages
    635
    Détails du profil
    Informations personnelles :
    Âge : 37
    Localisation : Belgique

    Informations professionnelles :
    Activité : Étudiant

    Informations forums :
    Inscription : Mars 2005
    Messages : 635
    Par défaut
    Bon, si j'ai bien compris, tu veux que le menu soit compris dans le calque global. Le calque global est centré (margin: auto mais menu se met n'importe comment.
    C'est en partie à cause de sa position absolue (ca s'autodéfinit là), c'est à dire qu'elle est absolue par rapport à la page. Si tu mets ton menu en absolu avec top: 100px et left: 150px;, ton menu sera à 100px du dessus et à 150px de la gauche. Même si il est censé être dans un autre calque.
    Si ce que tu veux faire est le mettre à 100, 150 à l'INTERIEUR de global, je pense qu'il faut utiliser le relative ou alors encore jouer avec margin/padding.
    Un petit coup d'oeil aux différents types de calques ne te fera pas de mal (fixed, absolute, relative, ...)

    ++

  9. #9
    Membre éclairé
    Inscrit en
    Mai 2005
    Messages
    233
    Détails du profil
    Informations forums :
    Inscription : Mai 2005
    Messages : 233
    Par défaut ...
    Mais il n'y a pas une commande pour centrer mon menu??? car c'est ce que je recherche à faire en fait pour éviter de gérer les pixels en haut et à gauche...
    Tu pourrais me dire comment faire stp. Merci d'avance. @+
    Bonne soirée

  10. #10
    Membre émérite
    Avatar de Freed0
    Profil pro
    Étudiant
    Inscrit en
    Mars 2005
    Messages
    635
    Détails du profil
    Informations personnelles :
    Âge : 37
    Localisation : Belgique

    Informations professionnelles :
    Activité : Étudiant

    Informations forums :
    Inscription : Mars 2005
    Messages : 635
    Par défaut
    En fixant la largeur (width : 100px; par exemple) et en fixant les margins à auto (margin: auto

  11. #11
    Membre éclairé
    Inscrit en
    Mai 2005
    Messages
    233
    Détails du profil
    Informations forums :
    Inscription : Mai 2005
    Messages : 233
    Par défaut ...
    Ok merci t'as assuré...
    Par contre j'ai encore une ptite question... En fait je click sur un lien de mon menu et au lieu de m'ouvrir ma page dans ma frame mainframe il m'ouvre une nouvelle page et pourtant j'ai bien déclaré mon index et mes frames. Tu pourrais me donner un ptit coup de pouce stp. Je vois vraiment pas de quoi ça vient peut être de mon menu déroulant en css...
    Merci encore pour tout.@+

  12. #12
    Membre émérite
    Avatar de Freed0
    Profil pro
    Étudiant
    Inscrit en
    Mars 2005
    Messages
    635
    Détails du profil
    Informations personnelles :
    Âge : 37
    Localisation : Belgique

    Informations professionnelles :
    Activité : Étudiant

    Informations forums :
    Inscription : Mars 2005
    Messages : 635
    Par défaut
    D'abord je vais te déconseiller d'utiliser les frames pcq cay mal

    Tu as d'autres possibilités comme les pseudo-frames en PHP (regarde du coté de la fonction include) qui sont préférables aux frames classiques souvent à l'origine de problèmes

  13. #13
    Membre éclairé
    Inscrit en
    Mai 2005
    Messages
    233
    Détails du profil
    Informations forums :
    Inscription : Mai 2005
    Messages : 233
    Par défaut ?
    Mais pourquoi c'est mal d'utiliser des frames??? Moi je trouve que c'est pas mal pour gérer son site, ça évite de réafficher toute la page à chaque fois... Mais bon s'il y a d'autre solution je suis preneur, sachant qu'en fait je veux juste que ma page se découpe en 2 parties. Partie du haut avec le nom du site et le menu et la partie affichera les pages selon les rubriques du menu sélectionné.
    Si tu as un peu de code ou des liens pour m'illustrer des méthodes je suis preneur...
    Merci encore pour tout. @+
    Bonne journée et surtout bonne continuation...

  14. #14
    Rédacteur/Modérateur

    Avatar de gorgonite
    Homme Profil pro
    Ingénieur d'études
    Inscrit en
    Décembre 2005
    Messages
    10 322
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 40
    Localisation : France

    Informations professionnelles :
    Activité : Ingénieur d'études
    Secteur : Transports

    Informations forums :
    Inscription : Décembre 2005
    Messages : 10 322
    Par défaut
    Mais pourquoi c'est mal d'utiliser des frames???
    ben xhtml...

    Moi je trouve que c'est pas mal pour gérer son site, ça évite de réafficher toute la page à chaque fois...
    y a Ajax pour cela...
    Evitez les MP pour les questions techniques... il y a des forums
    Contributions sur DVP : Mes Tutos | Mon Blog

  15. #15
    Membre éclairé
    Inscrit en
    Mai 2005
    Messages
    233
    Détails du profil
    Informations forums :
    Inscription : Mai 2005
    Messages : 233
    Par défaut ...
    Mais alors comment dois-je déclarer les 2 parties de ma page???
    Tu pourrais m'illustrer la meilleur technique stp si tu as un peu de temps bien sur sinon je chercherai dans les FAQ.
    Bon aprem et bonne continuation.@+

Discussions similaires

  1. Problème avec div en float et bordures
    Par maya13400 dans le forum Balisage (X)HTML et validation W3C
    Réponses: 4
    Dernier message: 22/11/2010, 19h57
  2. Problème avec div à droite.
    Par tintin72 dans le forum Mise en page CSS
    Réponses: 3
    Dernier message: 28/03/2009, 19h36
  3. petit problème avec div ?
    Par info007 dans le forum Mise en page CSS
    Réponses: 6
    Dernier message: 15/11/2008, 13h03
  4. Gros problème avec div
    Par nefertitia dans le forum Balisage (X)HTML et validation W3C
    Réponses: 19
    Dernier message: 24/08/2007, 20h26
  5. [HTML] Problème avec DIV, impossible de mettre la hauteur à 100% !!
    Par keyser.greg dans le forum Balisage (X)HTML et validation W3C
    Réponses: 14
    Dernier message: 01/03/2007, 11h46

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