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 :

probleme affichage div


Sujet :

CSS

  1. #1
    Rédacteur

    Profil pro
    Inscrit en
    Juin 2003
    Messages
    4 184
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juin 2003
    Messages : 4 184
    Par défaut probleme affichage div
    bonjour,

    dans une page j'ai un haut, bas, menu gauche et contenu definis parles styles ci dessous,
    comment faire pour ne pas avoir le contenu de ma page tout à gauche et en tout en haut si le header et le menu sont encore vide .??

    merciii

    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
     
     
    #global {
    	width:780px;
    	margin-left:10px; 
    	  }
     
    #menu { 
    	width:190px; 
    	float:left;
        }
     
    #bandeau {
    	width:580px;
    	float:right;
        }
     
    #contenu {
    	line-height:15px;
    	width:580px; 
    	float:right;
        }

  2. #2
    Membre Expert Avatar de Tober
    Homme Profil pro
    Ingénieur développement logiciels
    Inscrit en
    Juillet 2007
    Messages
    824
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 40
    Localisation : Luxembourg

    Informations professionnelles :
    Activité : Ingénieur développement logiciels
    Secteur : Finance

    Informations forums :
    Inscription : Juillet 2007
    Messages : 824
    Par défaut
    tu peux mettre le code html aussi ou un exemple le schématisant stp ?

  3. #3
    Rédacteur

    Profil pro
    Inscrit en
    Juin 2003
    Messages
    4 184
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juin 2003
    Messages : 4 184
    Par défaut
    Citation Envoyé par Tober
    tu peux mettre le code html aussi ou un exemple le schématisant stp ?
    le voilà:
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
     
    <div id="global">
    <div id="menu"> 
      <!-- inserer page menu --> 
    </div>
    <div id="bandeau">
         <!-- inserer page header -->
     
    </div>
    <div id="contenu">
    <!-- inserer page contenu  -->
    </div>
    <div id="pied"></div>
    </div>

  4. #4
    Membre Expert Avatar de Tober
    Homme Profil pro
    Ingénieur développement logiciels
    Inscrit en
    Juillet 2007
    Messages
    824
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 40
    Localisation : Luxembourg

    Informations professionnelles :
    Activité : Ingénieur développement logiciels
    Secteur : Finance

    Informations forums :
    Inscription : Juillet 2007
    Messages : 824
    Par défaut
    Je vois pas trop ton problème !
    Quand je test le code avec le html et le css que tu m'as filé, avec un bandeau et menu vide, le contenu est affiché la ou il faut...
    Peux-tu essayer de reformuler ta question, et tout ce que tu veux faire finallement ^^

  5. #5
    Rédacteur

    Profil pro
    Inscrit en
    Juin 2003
    Messages
    4 184
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juin 2003
    Messages : 4 184
    Par défaut
    Citation Envoyé par Tober
    Je vois pas trop ton problème !
    Quand je test le code avec le html et le css que tu m'as filé, avec un bandeau et menu vide, le contenu est affiché la ou il faut...
    Peux-tu essayer de reformuler ta question, et tout ce que tu veux faire finallement ^^
    bizard parceque chez moi ca ne s'affiche pas correctement..mon contenu s'affiche au top et à gaauche du navigateur lorsque je mets rien dans le menu et dans le header...

  6. #6
    Membre Expert Avatar de Tober
    Homme Profil pro
    Ingénieur développement logiciels
    Inscrit en
    Juillet 2007
    Messages
    824
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 40
    Localisation : Luxembourg

    Informations professionnelles :
    Activité : Ingénieur développement logiciels
    Secteur : Finance

    Informations forums :
    Inscription : Juillet 2007
    Messages : 824
    Par défaut
    Je vois pas trop le problème alors, sauf que tu parles de header tout le tps et que t'utilises l'id bandeau et que tu utilises un id footer mais qui n'a pas de css !
    Donc peut être as tu oublié certains trucs ?
    (en esperant que ca t'aides )

  7. #7
    Rédacteur

    Profil pro
    Inscrit en
    Juin 2003
    Messages
    4 184
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juin 2003
    Messages : 4 184
    Par défaut
    Citation Envoyé par Tober
    Je vois pas trop le problème alors, sauf que tu parles de header tout le tps et que t'utilises l'id bandeau et que tu utilises un id footer mais qui n'a pas de css !
    Donc peut être as tu oublié certains trucs ?
    (en esperant que ca t'aides )
    bizard non ce n pas un probleme de header et bandeau c la meme chose..
    voilà le code html:
    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
     
    <div id="global">
    <div id="menu"> 
    menu
    </div>
    <div id="bandeau">
    bandeau
    </div>
    <div id="contenu">
    contenu
    </div>
    <div id="pied">
    pied
    </div>
    </div>
    et voilà ce que j'obtiens sur IE7 et firefox dans le top-left du navigateur..

    menu
    bandeau
    contenu
    pied

  8. #8
    Membre Expert Avatar de Tober
    Homme Profil pro
    Ingénieur développement logiciels
    Inscrit en
    Juillet 2007
    Messages
    824
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 40
    Localisation : Luxembourg

    Informations professionnelles :
    Activité : Ingénieur développement logiciels
    Secteur : Finance

    Informations forums :
    Inscription : Juillet 2007
    Messages : 824
    Par défaut
    moi j'obtiens (en mieux positionné ):
    menu bandeau
    pied contenu

    sur IE6 et FF

    pied est mal placé car il se place ou il a de la place vu qu'il n'a pas de css pour le positionner...

  9. #9
    Rédacteur

    Profil pro
    Inscrit en
    Juin 2003
    Messages
    4 184
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juin 2003
    Messages : 4 184
    Par défaut
    Citation Envoyé par Tober
    moi j'obtiens (en mieux positionné ):
    menu bandeau
    pied contenu

    sur IE6 et FF

    pied est mal placé car il se place ou il a de la place vu qu'il n'a pas de css pour le positionner...
    j'ai le pied en css juste que je ne l'ai pas mis..
    bizard cette histoire..j'ai essayé de faire des modifs sur le css mais toujours la meme chose..
    avant je mettai un flash dans le header et un flash dans le menu et ça fonctionnait bien

  10. #10
    Membre Expert Avatar de Tober
    Homme Profil pro
    Ingénieur développement logiciels
    Inscrit en
    Juillet 2007
    Messages
    824
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 40
    Localisation : Luxembourg

    Informations professionnelles :
    Activité : Ingénieur développement logiciels
    Secteur : Finance

    Informations forums :
    Inscription : Juillet 2007
    Messages : 824
    Par défaut
    j'avoue que je vois pas le problème ! (surtout que ca marche chez moi donc ca n'aide pas )
    peut être que qqun va reussir à comprendre le probleme mais moi je donne ma langue au chat !
    A moins que t'es d'autres scoop à annoncer

  11. #11
    Rédacteur

    Profil pro
    Inscrit en
    Juin 2003
    Messages
    4 184
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juin 2003
    Messages : 4 184
    Par défaut
    Citation Envoyé par Tober
    j'avoue que je vois pas le problème ! (surtout que ca marche chez moi donc ca n'aide pas )
    peut être que qqun va reussir à comprendre le probleme mais moi je donne ma langue au chat !
    A moins que t'es d'autres scoop à annoncer
    non pas de scoop, je ne sais pas si ya une version de css supporté ou qq chose dans le genre..mais je n'y comprend pas grand chose!!!

  12. #12
    Membre Expert Avatar de Tober
    Homme Profil pro
    Ingénieur développement logiciels
    Inscrit en
    Juillet 2007
    Messages
    824
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 40
    Localisation : Luxembourg

    Informations professionnelles :
    Activité : Ingénieur développement logiciels
    Secteur : Finance

    Informations forums :
    Inscription : Juillet 2007
    Messages : 824
    Par défaut
    Essaye de tout refaire de zero (vu que y a pas grand chose, c'est pas tres grave). Tu implémentes le html le plus simple possible.
    Ensuite tu recommence le css pas à pas, et dès que tu vois un truc incohérent, tu stop et tu m'envoies le resultat (le probleme)

  13. #13
    Membre Expert
    Avatar de kaiser59
    Homme Profil pro
    Inscrit en
    Novembre 2005
    Messages
    1 264
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 45
    Localisation : France

    Informations forums :
    Inscription : Novembre 2005
    Messages : 1 264
    Par défaut
    Salut,

    Pas très explicite ton problème plutôt que de refaire le code un bon petit schéma de ton problème nous aiderais à y voir plus claire.

    Sinon j'ai essayé de comprendre quand même et est-ce que ceci correspondrais à ton problème ?
    Code html : 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
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    46
    47
    48
    49
    50
    51
    52
    53
    54
    55
    56
    57
    58
    59
    60
    61
    62
    63
    64
    65
    66
    67
    68
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 
      "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <title></title>
    <style type="text/css">
    <!--
    #global {
            width:780px;
            margin-left:auto;
            margin-right:auto;
              }
     
    #bandeau {
            width:100%;
            background-color: #aa0000;
            color:                    #ffff00;
            height:                   80px;
       }
            
    #menu { 
            width:190px; 
            float:left;
            background-color: #0000aa;
            color:                    #ffffff;
            height:                   300px;
        }
            
    #contenu {
            line-height:15px;
            width:580px; 
            float:right;
            background-color: #ffff00;
            color:                    #000000;
            height:                   300px;
        }
     
    #pied {
            width:100%; 
            clear:both;
            background-color: #009900;
            color:                    #123456;
            height:                   40px;
        }
     
    -->
    </style>
    </head>
    <body>
    <div id="global">
    <div id="bandeau">
     
    </div>
     
    <div id="menu"> 
    menu
    </div>
     
    <div id="contenu">
     
    </div>
     
    <div id="pied">
    pied
    </div>
    </div>
    </body>
    </html>

  14. #14
    Rédacteur

    Profil pro
    Inscrit en
    Juin 2003
    Messages
    4 184
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juin 2003
    Messages : 4 184
    Par défaut
    le probleme c'est que j'ai aps l'affichage que je souhaite..la partie haute en hat..le menu à gauche et le contenu au milieu.
    au fait la page s'affiche comme si ya pa de div..une partie au dessous de l'autre suivant l'ordre dans la page ..

  15. #15
    Rédacteur

    Profil pro
    Inscrit en
    Juin 2003
    Messages
    4 184
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juin 2003
    Messages : 4 184
    Par défaut
    Citation Envoyé par Sniper37
    le probleme c'est que j'ai aps l'affichage que je souhaite..la partie haute en hat..le menu à gauche et le contenu au milieu.
    au fait la page s'affiche comme si ya pa de div..une partie au dessous de l'autre suivant l'ordre dans la page ..
    c résolu..
    c con ..fallait juste mettre la bonne url..

    désolè pour ce post inutile..ahhh il me faut des vacances ..

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

Discussions similaires

  1. Probleme affichage div css
    Par mikael2235 dans le forum Mise en page CSS
    Réponses: 2
    Dernier message: 11/01/2013, 19h04
  2. Probleme affichage background d'un div avec CSS
    Par elt93 dans le forum Mise en page CSS
    Réponses: 2
    Dernier message: 06/07/2008, 19h26
  3. probleme affichage <div> sous FF
    Par new-dmx dans le forum Mise en page CSS
    Réponses: 10
    Dernier message: 15/06/2007, 13h52
  4. Probleme d'affichage divs sous IE 6
    Par 12monkeys dans le forum Mise en page CSS
    Réponses: 4
    Dernier message: 24/01/2007, 21h23
  5. [JS DIV]HTML, CSS probleme affichage sous IE
    Par alain57 dans le forum Mise en page CSS
    Réponses: 2
    Dernier message: 17/07/2006, 09h16

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