Rechercher : dans
Par :

[CSS]Taille dynamique d'un DIV.

Dernière réponse le 6 jun 2009 à 21:40:33 JeSuisMoche, le 6 jun 2009 à 19:25:06 
 Signaler ce message aux modérateurs

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.

Configuration: Windows XP
Firefox 3.0.10

Meilleures réponses pour « [CSS]Taille dynamique d'un DIV. » dans :
Créer un site beau, dynamique et respectueux des standards VoirVoici une liste de liens qui vous aideront à mieux exploiter les standards (HTML, CSS, DOM...) pour créer des sites plus beaux, plus dynamiques et plus respectueux des standards. A la fin de cette page, il y a également une liste de...
Créer une DIV avec transparence VoirLes DIV transparents en CSS Vous voulez rendre une DIV transparente ? Rien de plus simple, il suffit d'utiliser une des techniques CSS suivantes : Rendre le DIV ainsi que le contenu transparent Le div lui même sera transparent, mais aussi...
Les CSS pour présenter vos images VoirPour présenter agréablement vos images, vous pouvez intégrer quelques codes supplémentaires dans votre CSS et vous en servir à bon escient. Elles sont bien sur modulables en fonction de la charte graphique de votre site. Utilisation Mettez les codes...

1

 Atropa, le 6 jun 2009 à 21:40:33

Bonjour sans pourcentage ça donne ça pour firefox :

<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...

Répondre à Atropa