[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 1098 Date d'inscription mardi 8 décembre 2009 Statut Membre Dernière intervention 17 juillet 2013 - 11 mars 2012 à 16:10
acuao Messages postés 1098 Date d'inscription mardi 8 décembre 2009 Statut Membre Dernière intervention 17 juillet 2013 - 11 mars 2012 à 16:10
A voir également:
- [CSS]Adaptation taille block et float:left;
- Comment réduire la taille d'un fichier - Guide
- Comment reduire la taille d'une photo - Guide
- Trait css ✓ - Forum CSS
- Ad block safari - Télécharger - Outils pour navigateurs
- Comment retrouver la taille normale de l'écran iphone ✓ - Forum iPhone
4 réponses
Dalida
Messages postés
6728
Date d'inscription
mardi 14 mai 2002
Statut
Contributeur
Dernière intervention
11 janvier 2016
920
23 avril 2009 à 14:20
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.
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>
Très bon la technique du hr !
acuao
Messages postés
1098
Date d'inscription
mardi 8 décembre 2009
Statut
Membre
Dernière intervention
17 juillet 2013
259
11 mars 2012 à 16:10
11 mars 2012 à 16:10
oui, vraiment très bon!
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
23 avril 2009 à 11:16
Up :/
Dalida
Messages postés
6728
Date d'inscription
mardi 14 mai 2002
Statut
Contributeur
Dernière intervention
11 janvier 2016
920
23 avril 2009 à 11:33
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.
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
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.
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.
