[CSS]deux parties plus copyright mais...

**psychoBob** · 01/01/2006, 21h10

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.

**psychoBob** · 01/01/2006, 21h25

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 ?

**francis m** · 02/01/2006, 00h22

si ton copyright est en bas, en dessous de tout, tu devrais mettre un clear:both; dans ton copyright

**psychoBob** · 02/01/2006, 00h25

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é.

[CSS]deux parties plus copyright mais...

CSS

Discussions similaires

Partager

Partager