Discussion :

[Benduroy]

Bonjours à tous,

voila mon probème qui je pense relève du CSS mais je peux me tropmer.
J'ai deux div côte à côte actuellement. J'aimerais que ma seconde div (id=panier) glisse le long de la première (id=droit) lorsqu'elle atteind le haut de page quand l'utilisateur descend lui dans la page. Je ne sais pas si je me fait bien comprendre, alors op, une image:

(images trop grandes et je ne trouve rien pour les redimensionner via le forum - ni la balise spoiler - donc voici les liens: image 1 et image 2)

Je sais que c'est possible je l'ai déjà vu sur plusieurs sites.

Voila mon css actuel:

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
20
21
#droit  {
	border: solid 1px #006fb7;
	margin-right: 5px;
	padding: 10px;
	width: 670px;
	margin-top:10px;
	background-color: lightgray;
}
 
#panier {
	border: solid 1px #006fb7;
	width:300px;
	background-image: url('../pic/fond_recap.png');
	background-repeat:repeat-x;
	background-color: #FFFFFF;
	text-align: left;
	margin-top:10px;
 
	position: relative;
	left: 10px;
}

[rodolphebrd]

Bonjour,

Avec un float left c'est plus simple.

J'ai enlevé la position relative qui ne sert à rien.

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
20
21
#droit  {
	border: solid 1px #006fb7;
	margin-right: 5px;
	padding: 10px;
	width: 670px;
	height:800px;
	margin-top:10px;
	background-color: lightgray;
	float:left;
}
 
#panier {
	border: solid 1px #006fb7;
	width:300px;
	background-image: url('../pic/fond_recap.png');
	background-repeat:repeat-x;
	background-color: #FFFFFF;
	text-align: left;
	margin-top:10px;
	float:left;
}

Note: votre div droit est à gauche
Note 2: attention aux éléments qui vont suivre car il faudra prévoir un clear.

[Benduroy]

Note: votre div droit est à gauche

Oui j'avais pas pensé à ce que ça pourrait poser une méprise: en fait il s'agit de droit d'accès à des système dans ce div, d'où le nom... même s'il est positionné à droite j'en convient.

Je teste tes changements.

EDIT: pour le moment pas de changement, mais j'avais déjà utilisé ce clear pour un autre projet c'est vrai, pouvez-vous me rafraichir la mémoire sur son utilisation/intérêt?

[rodolphebrd]

http://torgar.developpez.com/glossai...tionnement.php

Float fait sortir les éléments du flux.

Clear résoud se problème en replaçant les éléments qui suivent les flottants dans le flux.