Discussion :

[{F-I}]

Salut à tous,

Je viens de devoir créer trois colonne : gauche, centrer et à droite, mais j'ai oublié comment faire

Code css :

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
#rubrique_gauche
	{
	float: left;
	width: 10%;
	background-color: #006600;
	}
 
#corps
	{
	}
 
#rubrique_droite
	{
	float: right;
	width: 10%;
	background-color: #00FFFF;
	}

Code html :

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

1
2
3
4
5
6
7
8
9
<div id="rubrique_gauche">
					Partie rubrique gauche
				</div>
				<div id="corps">
					Partie corps<br />
				</div>
				<div id="rubrique_droite">
					Partie rubrique droite
				</div>

Cela n'affiche pas 3 colonnes au même niveau, gauche se trouve en haut-gauche, corps se trouve au milieu-gauche et droite se trouve en bas-droite, comment remedier ?

Merci à vous

[Peut-êtreUneRéponse]

Sur quel navigateur es-tu? Sous IE6 et FF1.5 pas de problème, les colonnes sont sur la même "ligne".

[landryx]

Salut à tous,

Je viens de devoir créer trois colonne : gauche, centrer et à droite, mais j'ai oublié comment faire

Code css :

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
#rubrique_gauche
	{
	float: left;
	width: 10%;
	background-color: #006600;
	}
 
#corps
	{
	}
 
#rubrique_droite
	{
	float: right;
	width: 10%;
	background-color: #00FFFF;
	}

Code html :

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

1
2
3
4
5
6
7
8
9
<div id="rubrique_gauche">
					Partie rubrique gauche
				</div>
				<div id="corps">
					Partie corps<br />
				</div>
				<div id="rubrique_droite">
					Partie rubrique droite
				</div>

Cela n'affiche pas 3 colonnes au même niveau, gauche se trouve en haut-gauche, corps se trouve au milieu-gauche et droite se trouve en bas-droite, comment remedier ?

Merci à vous

Code css :

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
#rubrique_gauche
	{
	float: left;
	width: 10%;
	background-color: #006600;
	}
 
#corps
	{
	float: leftt;
         width: 80%
         }
 
#rubrique_droite
	{
	width: 10%;
	background-color: #00FFFF;
	}

avec ceci ça devrait aller

[{F-I}]

Sur quel navigateur es-tu? Sous IE6 et FF1.5 pas de problème, les colonnes sont sur la même "ligne".

Firefox v2....

Code css :

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
#rubrique_gauche
	{
	float: left;
	width: 10%;
	background-color: #006600;
	}
 
#corps
	{
	float: leftt;
         width: 80%
         }
 
#rubrique_droite
	{
	width: 10%;
	background-color: #00FFFF;
	}

avec ceci ça devrait aller

Non cela ne marche pas, je vais poster un screen dans 30 s

[landryx]

slt
essaye avec ceci:

Code css :

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
 
div
{
float: left;
}
#rubrique_gauche
	{
	//proprieté du bloc
	}
 
#corps
	{
        //proprieté du bloc
         }
 
#rubrique_droite
	{
	//proprieté du bloc
	}

Normalement ça devrait marcher avec puisque c'est le meme principe qui est appliqué aux menus horizontaux (avec li à la place de div) !!!

[titoumimi]

Je pense que tu devrai trouver ton bonheur ici :

Div et CSS : une mise en page rapide et facile

[landryx]

Firefox v2....
Non cela ne marche pas

ps:au cas ou tu aurais recopier directement le code que j'ai posté au premier message, il n'a pas marché parceque j'avais mis leftt au lieu de left
(sory)
et tu pourrais trouver remede à ton 'probleme' à ce lien litle boxes

[{F-I}]

En effet, je me suis aperçu seulement hier soir, je m'excuse ^^

Donc le problème est donc résolu... Merci à tous