[SCRIPT] CSS et positionnement de mes cadres :

**gailup** · 29/05/2006, 22h11

Bonjour,

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

Voici le code de ma page frame.css :

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
 
/*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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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.

**Swoög** · 29/05/2006, 22h38

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

**psychoBob** · 29/05/2006, 22h56

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

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
<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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[SCRIPT] CSS et positionnement de mes cadres :

Positionnement en CSS

Discussions similaires

Partager

Partager