High-Tech Santé Médecine Droit-Finances

Réalisation

vidéo numérique

Rechercher : dans
Par :

[CSS]Adaptation taille block et float:left;

Dernière réponse le 14 jun 2009 à 17:09:51 Nieli, le 22 avr 2009 à 22:24:13 
 Signaler ce message aux modérateurs

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
Je lance la pétition pour changer le système de quote de CCM. Trop petit et pas de reconnaissance de code. Bouh ! Signez !

Configuration: Linux
Firefox 3.0.8

Meilleures réponses pour « [CSS]Adaptation taille block et float:left; » dans :
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...
Les classes de style (CSS) VoirLes classes et les ID Les classes Il peut s'avérer intéressant d'affecter des styles différents à des mêmes balises. Pour cela les spécifications CSS ont introduit le concept de classe. La définition des classes est aussi simple que celles des...
Posez votre question Répondre

1

Nieli, le 23 avr 2009 à 11:16:40

Up :/ Je lance la pétition pour changer le système de quote de CCM­. Trop petit et pas de reconnaissance de code. Bouh ! Signez­ !

   
Répondre à Nieli

2

Dalida, le 23 avr 2009 à 11:33:09

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.
[ Mathieu ]
Il y a sûrement des pandas pour ne dépendre de rien

   
Répondre à Dalida

3

Nieli, le 23 avr 2009 à 12:56:41

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. Je lance la pétition pour changer le système de quote de CCM. Trop petit et pas de reconnaissance de code. Bouh ! Signez !

   
Répondre à Nieli

4

Dalida, le 23 avr 2009 à 14:20:20
  • +1

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>
[ Mathieu ]
Il y a sûrement des pandas pour ne dépendre de rien

   
Répondre à Dalida

5

 Guiz, le 14 jun 2009 à 17:09:51

Très bon la technique du hr !

   
Répondre à Guiz
Posez votre question Répondre
Ils ont besoin de votre aide
Collection CommentÇaMarche.net