Forum d'entraide PHPFrance

J'ai deux blocs, placés côte à côte grâce au positionnement flottant :

div { float:left ; }

Ces éléments sont bien placés l'un par rapport à l'autre.

Sauf... quand on réduit la largeur de la fenêtre d'affichage :
Le bloc de droite vient alors se placer en dessous du bloc de gauche.

Peut-on annuler les effets du positionnement flottant (empêcher la linéarisation) ?

Merci !

PS : les solutions à base de position:absolute ne conviennent pas (cf. ici)

Bonsoir,

Pour annuler les effets, dans ton div bas "clear: both;".

Dois-tu obligatoirement utiliser une taille en pixels ???
Je pense que si tu donnais cette taille en pourcentage le PB ne devrait plus se poser (j'ai pas testé, mais...)

EDIT :
Finalement j'ai fait un exemple avec des pourcentages et ça a l'air de fonctionner sous FF et Opera (IE non testé). Je ne sais pas si c'est ce que tu cherches, mais bon...

Il y a un déjà un clear:both pour l'élément du bas.

Et ça n'empêche pas la mise en "file indienne" verticale
lorsqu'on réduit la largeur de la fenêtre...

tailles en px : obligatoires

C'est absolument sans aucune conviction mais.... si tu spécifies un même z-index forcé pour tes deux éléments, est ce que ca n'empêcherais pas qu'ils se montent dessus ?

(de mon temps, suffisait d'un bon seau d'eau pour les séparer... )

Re,

Je crois que j'ai une soluce, regarde si c'est ça ce que tu cherches (les tailles sont en px et j'ai repris les valeurs que tu avais dans avant le délestage)

Il est fort, cet Ajoloca !

Merci !!!

un excellent tuto
http://developpeur.journaldunet.com/tut ... lear.shtml