[CSS] la mise en page change avec le contenu

Fermé
Berilia - 16 juin 2009 à 11:08
 Berilia - 16 juin 2009 à 14:41
Bonjour,

Je cherche à faire deux colonnes (un menu + le corps). Le menu doit être à gauche et le corps est sencé ce caler à côté, et, lorsque le menu est plus court que le corps (cas le plus courant), le corps ne doit pas venir sous le menu mais rester à droite.

Avec du lorem ipsum (<p>, <div>, <img ...) , ça marche bien, mais lorsqu'il s'agit du contenu réél ça ne marche plus (pourtant le même type de contenu!) ... Je ne comprend pas...

J'ai fait des tests, et ce n'est pas le javascript qui est en cause, mais c'est bien le contenu de mon corps.

Je ne suis pas sûre que mettre mon code de contenu pourrait aider, en plus il est très long.

code CSS (le même pour le test et le réel):
.menu {
float: left;
width: 30%;
border: 1px solid #000000;
}
.content {
margin-left: 40%;
padding: 1em;
}


Y a-t-il quelqu'un pour m'aider?
A voir également:

5 réponses

hamzafes Messages postés 243 Date d'inscription lundi 26 juin 2006 Statut Membre Dernière intervention 4 mai 2013 54
16 juin 2009 à 12:46
c'est le 40% peut être. essais des valeurs absolues de width et margin
ex. width: 200px; margin:10px ...

Allah mo3ine
0
ça ne change rien...

ce qui est étonnant c'est que le résultat change suivant le contenu de "content" alors que le css est le même...
je ne comprends pas comment le contenu peut influencer la mise en page...
0
hamzafes Messages postés 243 Date d'inscription lundi 26 juin 2006 Statut Membre Dernière intervention 4 mai 2013 54
16 juin 2009 à 14:12
si tu ne précise pas le width de content il prendra sa largeur en fonction de son contenu
0
Ah... moi je voudrais que le content prenne toute la place possible (sans déborder sur la colonne du menu ou le vide laissé pas le menu) et que le contenu de content s'adapte suivant la grandeur de content.
(je ne suis pas sûre d'être très claire...)

Je viens de remarquer que lorsque je met un background sur le content, j'ai une petite ligne et le contenu se place en dessous (du background)...

Je ne comprends pas!
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
hum...
Je viens de me rendre compte que j'ai demandé un background vert, mais la ligne est noire...

la ligne représente donc la bordure du content...
qui est vide...
0