[CSS] la mise en page change avec le contenu
Berilia
-
Berilia -
Berilia -
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?
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:
- [CSS] la mise en page change avec le contenu
- Mise en forme conditionnelle excel - Guide
- Supprimer page word - Guide
- Change dns - Guide
- Mise a jour chrome - Accueil - Applications & Logiciels
- Mise a jour windows 10 - Accueil - Mise à jour
5 réponses
c'est le 40% peut être. essais des valeurs absolues de width et margin
ex. width: 200px; margin:10px ...
Allah mo3ine
ex. width: 200px; margin:10px ...
Allah mo3ine
ç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...
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...
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!
(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!
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
