[CSS]Adaptation taille block et float:left;

Fermé

Nieli Messages postés 83 Date d'inscription dimanche 10 février 2008 Statut Membre Dernière intervention 23 avril 2009 - 22 avril 2009 à 22:24
acuao Messages postés 1121 Date d'inscription mardi 8 décembre 2009 Statut Membre Dernière intervention 17 juillet 2013 - 11 mars 2012 à 16:10

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

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
Reduire taille photo - Guide
Afficher taille dossier windows - Guide
U block chrome - Télécharger - Outils pour navigateurs

4 réponses

Réponse 1 / 4

Dalida Messages postés 6728 Date d'inscription mardi 14 mai 2002 Statut Contributeur Dernière intervention 11 janvier 2016 922
23 avril 2009 à 14:20

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.

<div class="grosblock"> 
<div class="menugauche"> </div>
<div class="corps"> </div>
<hr style="visibility:hidden;clear:both;"/>
</div>

Réponse 2 / 4

Guiz
14 juin 2009 à 17:09

Très bon la technique du hr !

acuao Messages postés 1121 Date d'inscription mardi 8 décembre 2009 Statut Membre Dernière intervention 17 juillet 2013 259
11 mars 2012 à 16:10

oui, vraiment très bon!

Réponse 3 / 4

Nieli Messages postés 83 Date d'inscription dimanche 10 février 2008 Statut Membre Dernière intervention 23 avril 2009 6
23 avril 2009 à 11:16

Up :/

Réponse 4 / 4

Dalida Messages postés 6728 Date d'inscription mardi 14 mai 2002 Statut Contributeur Dernière intervention 11 janvier 2016 922
23 avril 2009 à 11:33

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.

Nieli Messages postés 83 Date d'inscription dimanche 10 février 2008 Statut Membre Dernière intervention 23 avril 2009 6
23 avril 2009 à 12:56

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.

Discussions similaires

À quoi correspond 32x32 US en taille française pour un jean ?

Curseur plus large que 32x32

Commande internet correspondance taille US pour jean homme.

Excel ajustement auto taille de la cellule

Ecran iphone qui est trop grand