[Résolu] Positionnement de block. .en float ..

Bonjour à tous,

Je me demande pourquoi .... voir dans le lien :

http://jsfiddle.net/fripouille/W9DvU/1/


le block_4 (orange) ne passent pas en haut à droite ?


Merci de vos explications
Modifié par blond1n (19 Dec 2013 - 10:27)

Bonjour,

Euh, alors là je ne suis pas sûre de moi, mais je pense que tu ferais bien de lire des tutos sur le positionnement absolu, relatif...

Bon courage

Hello,

Parce que tu lui demandes de "flotter" après le bloc 3, pas de se positionner en haut à droite.
Intervertis tes bloc 3 et 4 (ou leur propriétés respectives) pour t'en convaincre.
Float n'est pas fait pour ça

le block_4 doit rester sous le block_3..

je modifié mon exemple, j'ai rajouté un média queries..

Il faut que le block_3 sois tu aligné avec le block 1 et 2 en grand taille mais sous le block 4 en petite taille ...

http://jsfiddle.net/fripouille/W9DvU/3/

Hello,

Et bien là tu as :
– bloc 1 : width 31%
– bloc 2 : width 31%
– bloc 3 : width 62%

Forcément, le bloc 3 ne peut pas rentrer…

blond1n a écrit :
Il faut que le block_3 soit aligné avec le block 1 et 2 en grand taille mais sous le block 4 en petite taille ...
http://jsfiddle.net/fripouille/W9DvU/3/

Ça dépend, ça dépasse

*Grillé
Modifié par 6l20 (19 Dec 2013 - 11:14)

je me suis planté dans le deuxième exemple... c'est le block_4. .

le block_4 (orange) doit être aligné à la même hauteur que les block 1 et 2 (rouge et vert) en mode normal. En Jqueries le block_4 est sous le 3 (bleu)

je suis passé en mode position absolute/right:0 pour le block_4 en normal,

en queries je mis position relative

http://jsfiddle.net/fripouille/W9DvU/4/
Modifié par blond1n (19 Dec 2013 - 11:29)

Merci de vos remarques ! c'était facile en faite !