[CSS]Taille dynamique d'un DIV.
JeSuisMoche
-
Atropa Messages postés 1940 Date d'inscription Statut Membre Dernière intervention -
Atropa Messages postés 1940 Date d'inscription Statut Membre Dernière intervention -
Bonsoir,
Je suis en train de faire un site (oui on s'en doute).
En fait, j'ai un menu gauche (float:left) et un menu droit (float:right), avec un corps au milieu des deux.
La taille du corps est déterminée en pourcentage (60%).
Le problème est qu'à partir d'une certaine taille de fenêtre, le menu de droite touche le corps et du coup le menu de droite passe au dessous.
Le truc c'est que ça arrive assez tôt et je trouve ça assez moche si l'utilisateur veut avoir le site en plus petite taille. Mais si je mets un pourcentage trop petit, ça crée un gros vide dans la page très moche.
Quelqu'un a-t-il une solution?
(Si je passe le menu gauche en position:absolute avec une margin-left en %, ça ne passe pas dessous mais ça dépasse du cadre du milieu donc c'est pas bon).
Merci d'avance,
MochMan.
Je suis en train de faire un site (oui on s'en doute).
En fait, j'ai un menu gauche (float:left) et un menu droit (float:right), avec un corps au milieu des deux.
La taille du corps est déterminée en pourcentage (60%).
Le problème est qu'à partir d'une certaine taille de fenêtre, le menu de droite touche le corps et du coup le menu de droite passe au dessous.
Le truc c'est que ça arrive assez tôt et je trouve ça assez moche si l'utilisateur veut avoir le site en plus petite taille. Mais si je mets un pourcentage trop petit, ça crée un gros vide dans la page très moche.
Quelqu'un a-t-il une solution?
(Si je passe le menu gauche en position:absolute avec une margin-left en %, ça ne passe pas dessous mais ça dépasse du cadre du milieu donc c'est pas bon).
Merci d'avance,
MochMan.
A voir également:
- [CSS]Taille dynamique d'un DIV.
- Comment réduire la taille d'un fichier - Guide
- Tableau croisé dynamique - Guide
- Reduire taille image - Guide
- Exemple tableau croisé dynamique télécharger - Télécharger - Tableur
- Afficher taille dossier windows - Guide
1 réponse
bonjour sans pourcentage ça donne ça pour firefox :
c'est même presque compatibl avec ie 6 il suffit de réglé les marges...
<body> <div style="background-color : blue; width: 120px; height:350px; float:left;">Menu gauche</div> <div style="background-color : green; width: 120px; height:350px; float:right;">Menu droite</div> <div style="background-color : red; height:400px; margin-left:120px;min-width:450px; margin-right:120px;">Corps</div> </body>
c'est même presque compatibl avec ie 6 il suffit de réglé les marges...