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]deux parties plus copyright mais...


Sujet :

CSS

  1. #1
    Membre confirmé
    Profil pro
    Inscrit en
    juillet 2005
    Messages
    1 221
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : juillet 2005
    Messages : 1 221
    Points : 472
    Points
    472
    Par défaut [CSS]deux parties plus copyright mais...
    Bonjour,

    D'habitude je ne m'en sort pas trop mal avec les mises en page en css, mais voilà 1h que je bloque sur le problème suivant:

    Ma page comporte un titre, un menu à gauche, et le centre au milieu.
    En bas nous avons le copyright. Tout cela tient dans un bloc conteneur.

    Cela est classique, mais : Sur firefox, si le contenu du menu de gauche est plus long que le contenu du centre, alors le copyright reste collé sous le centre et donc le menu le chevauche ==> résultat bidon.

    J'ai regardé un tutoriel
    Si l'on rajoute du contenu à gauche, le problème est le même que dans mon cas.

    Je vous donne le code de la page (épuré bien sur), et la feuille de style en dessous :
    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
     
     
    <body>
    <div class="conteneur">
     
    <div class="titre">
    </div><!--ferme titre -->
     
    <div class="gauche">
    </div><!--ferme gauche-->
     
    <div class="centre">
    </div><!--ferme centre -->
     
    <div class="copyright">
    </div><!--ferme copyright -->
     
    </div><!--ferme conteneur -->
    </body>
    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
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    Feuille de style :
     
    body {
    margin-top:10px;
    }	
     
    /** affiche le texte et le titre des chapitres au centre du conteneur **/
    .centre
    {
    background-color:#FFFFFF;
    width:510px;
    padding:5px
    }
     
    /** le bloc qui contient toute la page **/
    .conteneur 
    {
    margin-left:auto;
    margin-right:auto;
    width:720px;
    }
     
     
    /** le copyright tout en bas **/
    .copyright
    {
    margin-top:23px;
    width:720px;
    }
     
     
    /** la partie gauche, avec les menus **/
    .gauche
    {
    float:left;
    width:170px
    }
     
     
    .titre
    {
    width:720px;
    height:72px;
    margin-bottom:30px;
    }

    Voilà si vous y avez la technique imparable, c'est le moment de la dévoiler.

    Merci d'avance.
    C'est pas parce que j'ai tort que vous avez raison.

  2. #2
    Membre confirmé
    Profil pro
    Inscrit en
    juillet 2005
    Messages
    1 221
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : juillet 2005
    Messages : 1 221
    Points : 472
    Points
    472
    Par défaut
    Bon je viens de résoudre le problème comme suit :
    Dans le code html j'ai rajouté, juste après la partie gauche :
    <div class="Droite"></div>

    En dessous il y a la partie centre.

    Dans la feuille de style, j'ai écrit :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    .Droite
    {
    float:right;
    }

    Maintenant, ça fonctionne bien. Mais ce genre de truc, c'est pour avoir trois parties verticale dans le conteneur.
    Je n'en ai que deux.

    Donc c'est quand même du bricolage selon moi (même si ça reste léger).


    Qui dit mieux ?
    C'est pas parce que j'ai tort que vous avez raison.

  3. #3
    Membre éprouvé
    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
    Points : 1 093
    Points
    1 093
    Par défaut
    si ton copyright est en bas, en dessous de tout, tu devrais mettre un clear:both; dans ton copyright

  4. #4
    Membre confirmé
    Profil pro
    Inscrit en
    juillet 2005
    Messages
    1 221
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : juillet 2005
    Messages : 1 221
    Points : 472
    Points
    472
    Par défaut
    oui je l'ai mis, j'ai oublié de le préciser.

    Enfin, je l'ai mis pour la solution que j'ai trouvé, sinon j'ai essayé sans cette propriété lorsque je n'avais pas mis la div class "droite", mais là ça n'a rien changé.
    C'est pas parce que j'ai tort que vous avez raison.

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

Discussions similaires

  1. Réponses: 77
    Dernier message: 15/06/2012, 18h01
  2. [css] Deux div ( et plus ) sur la meme ligne
    Par NeHuS dans le forum Mise en page CSS
    Réponses: 2
    Dernier message: 22/02/2006, 16h54
  3. Réponses: 3
    Dernier message: 13/11/2005, 16h04
  4. [CSS] Une partie de mon CSS ne marche pas sous IE
    Par YanK dans le forum Mise en page CSS
    Réponses: 6
    Dernier message: 28/10/2005, 18h58
  5. CSS ne fonctionne plus depuis le passage au XHTML
    Par Cr@zyDeep dans le forum Mise en page CSS
    Réponses: 6
    Dernier message: 27/09/2005, 15h42

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