Problème de DIV lors de la réduction

Question

Bonjour, J’essaye d’utiliser des feuilles de style pour mettre en page un site. Quand je mets des pixels pour la mise en page ça fonctionne presque bien car j’ai quelque problème en fonction du navigateur que j’utilise mais dans l’ensemble ça va. Mais je souhaiterai plutôt utiliser des % que des pixels cela fonctionne si je laisse mon site statique mais je souhaiterai que la mise en page s’agrandisse en fonction de l’écran et de la résolution de l’utilisateur, cela fonctionne aussi. Mais j’ai un problème lors de la réduction du navigateur car les différents DIV de la page se chevauchent ainsi que le contenu donc il faudrait que dés une certaine limite de réduction le site ne se réduise plus et que des ascenseurs apparaissent en bas du navigateur mais je ne parviens pas a le faire. Merci pour votre aide.

cs_zatt · Answer

Bjr, 
Sous Firefox tu peux utiliser les propriétés min-width et max-width
IE ne les comprend pas, mais il dispose néanmoins d'une instruction propriétaire:
width:expression(document.body.clientWidth < 740 ? "740px" : "auto" );
(test: si largeur du doc <740 alors largeur=740, sinon largeur auto)



Pour empêcher le chevauchement des boites, tu as la propriété CSS clear

Une aide sur le modèle de mise en forme CSS ici: http://www.yoyodesign.org/doc/w3c/css2/visuren.html

nico3141 · Answer

Je ne vois pas comment utiliser ce que tu me conseille apparamant ça fait planter mon navigateur IE6
width:expression(document.body.clientWidth < 740 ? "740px" : "auto" );

cs_zatt · Answer

le code est à placer dans la feuille CSS.
Il est fonctionnel sous IE7, IE6 je pense aussi (à confirmer)

nico3141 · Answer

Oui c'est bien ce que j'ai fait je l'ai mis dans ma feuille CSS mais ca fait planter mon navigateur IE6

#Mise_IE {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    width:expression(document.body.clientWidth < 900 ? "900px" : "90%" );
    height:820px;
    background-color: #3300CC;
    border: thin solid #FFFFFF;
    }

cs_zatt · Answer

j'ai lu que le plantage peut survenir, notamment en cas de cumul d'expressions.
je te laisse le lien complet:
http://www.eklesia.net/spip.php?article115
plus d'infos sur google:
 http://www.google.fr/search?hl=fr&q=width%3Aexpression&btnG=Recherche+Google&meta=lr%3Dlang_fr
(dommage, alsacreations ne fonctionne plus)

Problème de DIV lors de la réduction

5 réponses

Votre réponse

Discussions similaires