Discussion :

[v4np13]

Bonjour à tous,
j'ai perdu la main en CSS et je n'arrive plus à mettre deux colonnes l'une a côté de l'autre. Je viens d'essayer pendant 2heures sans y arriver et j'ai décidé de faire appel à vous.

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
#gauche{
	background: Fuchsia;
	margin-right: 300px;
	position: relative;
}
#droite{
	background: Aqua;
	position: relative;
	padding-right:20px;
	height: auto;
	float: right;
}

Voici aussi un appercu, j'ai mis des background pour qu'on puisse mieux voir.

Que dois-je faire?

Merci d'avance

[francis m]

puisque ton #droite est en float, il faut que tu l'affiches en premier dans ton code html
et je suppose que tu as affiché ton #gauche en premier

[v4np13]

Oufti, le truc auquel je n'y aurais jamais pensé !!

Merci beaucoup.

Mais pourquoi faut-il mettre le float en premier?

[francis m]

parce que si tu mets le gauche en premier, il s'affiche d'abord sur ta page.
tout le code qui suivra se mettra en dessous : donc si tu as un float droite, il se mettra en dessous à droite, si tu mets un float gauche il se mettra en dessous à gauche. logique non ? un float droite ne veut pas dire remonter en haut de la page...

[v4np13]

Ok merci pour ta réponse, c'est vrai qu'en y repensant, c'est logique

Encore merci