[CSS]Adaptation taille block et float:left;
Nieli
Messages postés
83
Date d'inscription
Statut
Membre
Dernière intervention
-
acuao Messages postés 1121 Date d'inscription Statut Membre Dernière intervention -
acuao Messages postés 1121 Date d'inscription Statut Membre Dernière intervention -
Bonsoir,
J'ai un petit problème concernant mon menu de gauche sur mon site.
En effet, pour remédier aux problèmes de résolution (qui rendent le site plus ou moins "étiré" si je mets les tailles en pourcents), j'ai mis mon "div de menugauche" et mon "div de corps" dans un autre "div grosblock".
Le problème est que pour que mon menugauche et mon corps soient à coté, j'ai du mettre l'attribut "float:left;" (on peut faire autrement?).
Du coup, quand la taille du corps s'étire quand le corps dépasse de la taille par default du div, la taille du "grosblock" n'est pas augmentée. Et par conséquent, même si je mets height:100%; à mon menu de gauche, il s'arrete à la taille du "grosblock" et pas du corps.
Voilà, si vous avez une solution (ou une partie de solution) n'hésitez pas.(pas de overflow:auto par contre).
Merci d'avance,
Nieli
J'ai un petit problème concernant mon menu de gauche sur mon site.
En effet, pour remédier aux problèmes de résolution (qui rendent le site plus ou moins "étiré" si je mets les tailles en pourcents), j'ai mis mon "div de menugauche" et mon "div de corps" dans un autre "div grosblock".
Le problème est que pour que mon menugauche et mon corps soient à coté, j'ai du mettre l'attribut "float:left;" (on peut faire autrement?).
Du coup, quand la taille du corps s'étire quand le corps dépasse de la taille par default du div, la taille du "grosblock" n'est pas augmentée. Et par conséquent, même si je mets height:100%; à mon menu de gauche, il s'arrete à la taille du "grosblock" et pas du corps.
Voilà, si vous avez une solution (ou une partie de solution) n'hésitez pas.(pas de overflow:auto par contre).
Merci d'avance,
Nieli
A voir également:
- [CSS]Adaptation taille block et float:left;
- Comment réduire la taille d'un fichier - Guide
- Block breaker - Accueil - Services en ligne
- Code block - Télécharger - Langages
- Reduire taille image - Guide
- Afficher taille dossier windows - Guide
4 réponses
ah vi !
c'est qu'il manque du contenu au "gros", tu peux y remédier avec un <hr/> invisible et qui nettoie le flottement.
c'est qu'il manque du contenu au "gros", tu peux y remédier avec un <hr/> invisible et qui nettoie le flottement.
<div class="grosblock"> <div class="menugauche"> </div> <div class="corps"> </div> <hr style="visibility:hidden;clear:both;"/> </div>
salut,
si j'ai bien compris le problème, il faut utiliser la technique de la fausse colonne.
tu ajoutes à ton "corps" un {padding-left} ou un {margin-left} égale à la largeur du menu.
comme ça le texte du contenu ne revient pas sous le menu.
si j'ai bien compris le problème, il faut utiliser la technique de la fausse colonne.
tu ajoutes à ton "corps" un {padding-left} ou un {margin-left} égale à la largeur du menu.
comme ça le texte du contenu ne revient pas sous le menu.
Non, tu n'as pas bien compris. Je réexplique.
j'ai
<div class="grosblock"> //block centré avec margin-left:20% et margin-right:20%
<div class="menugauche"> </div>//Menu de gauche avec le float:left;
<div class="corps"> </div> // Pareil , float:left (Menu et corps ne se superposent pas).
</div>
Le truc c'est que la "bande" de menugauche, ne descend pas jusqu'à la longueur totale de corps car corps dépasse de "grosblock" et "grosblock" ne s'étire pas. Je voudrais que grosblock prenne la taille de corps mais le "float:left" l'en empeche.
Voilou.
Merci d'avance,
Nieli.
j'ai
<div class="grosblock"> //block centré avec margin-left:20% et margin-right:20%
<div class="menugauche"> </div>//Menu de gauche avec le float:left;
<div class="corps"> </div> // Pareil , float:left (Menu et corps ne se superposent pas).
</div>
Le truc c'est que la "bande" de menugauche, ne descend pas jusqu'à la longueur totale de corps car corps dépasse de "grosblock" et "grosblock" ne s'étire pas. Je voudrais que grosblock prenne la taille de corps mais le "float:left" l'en empeche.
Voilou.
Merci d'avance,
Nieli.