Positionnement flottant : empêcher la linéarisation

Administrateur PHPfrance
Administrateur PHPfrance | 11457 Messages

02 févr. 2007, 03:14

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)

ViPHP
ViPHP | 1961 Messages

02 févr. 2007, 04:00

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...
Deux choses sont infinies, l'Univers et la sottise humaine!!
Mais je ne suis pas sur de ce que j'affirme au sujet de l'Univers.

A. Einstein

Administrateur PHPfrance
Administrateur PHPfrance | 11457 Messages

02 févr. 2007, 11:19

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 :(

Avatar du membre
Modérateur PHPfrance
Modérateur PHPfrance | 10684 Messages

02 févr. 2007, 13:49

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... ;))
Ce n'est pas en améliorant la bougie que l'on a inventé l'ampoule...

ViPHP
ViPHP | 1961 Messages

02 févr. 2007, 14:13

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)
Deux choses sont infinies, l'Univers et la sottise humaine!!
Mais je ne suis pas sur de ce que j'affirme au sujet de l'Univers.

A. Einstein

Administrateur PHPfrance
Administrateur PHPfrance | 11457 Messages

02 févr. 2007, 16:59

Il est fort, cet Ajoloca !

Merci !!! :merci:

Mammouth du PHP | 601 Messages

08 févr. 2007, 17:18

http://xavier-artot.com
¨'°-.,¸¸,.-·²°'´¨'°-.,¸¸,.-·²°'´¨'°-.,¸¸,.-·°'´¨
système d'exploitation "Ubuntu 7.10"