[SCRIPT] CSS et positionnement de mes cadres :

Version imprimable

Bonjour,

Mon problème est que mes cadres se positionnent pas comme je le veux.

Voici le code de ma page frame.css :

Code:

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
 
/*Permet de regrouper les 3 colonnes suivante :*/
div#page {
  width : 995px ;
  height : 1500px ;
  background-color : green ;
}
/*Permet de faire un menu à gauche de ma page*/
div#menu {
  text-align : center ;
  width : 130px ;
  height : 1500px ;
  background-color : blue ;
  float : left ;
}
/*Permet de mettre mon texte et mes infos de mon site web*/
div#contenu {
  background-color : red ;
  width : 300px ;
  height : 1500px ;
}
/*Permet de mettre des sondages, météo, etc à droite de mes infos*/
div#other {
  float : right ;
  background-color : yellow ;
  width : 115px ;
  height : 1500px ;
}

Voici le code de ma page index.php :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
<HTML>
  <HEAD>
    <title>BMX NPC</title>
  </HEAD>
  <BODY>
    <link rel = "stylesheet" type = "text/css" href = "frame.css">
    <div id = "page">
      <div id = "menu"></div>
      <div id = "contenu"></div>
      <div id = "other"></div>
    </div>
  </BODY>
</HTML>

En fait j'ai créé une page (couleur green) pour mettre les 3 cadres : à gauche le menu (blue), au centre le contenu de mon site (red) et à droite le other (yellow).

Est-ce que mon codage st faut.

Merci de vos réponse.

Gailup.

29/05/2006, 22h38
Swoög

le CSS n'est pas tout à fait une science exacte...

si tes cadres ne se positionnent pas comme tu le veux, d'une, donne plus de détails (qu'est-ce qui ne va pas), et essaie de trouver autre chose par tatonement

Pour un truc comme ça, normalement tu fais ça :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 <div class="gauche"></div> <div class="droite"></div> <div class="centre"></div> .gauche { width:150px; height:600px; float:left } .droite { width:150px; height:600px; float:right } .centre { margin-left:150px; margin-right:150px; }
Et pour faire tenir le tout tu places peut etre un pied de page en dessous .centre avec la propriété :
Code:

1 2 3 4 .pied { clear:both; }