Conteneur / Wrapper DIV ne contient pas tout le contenu (c'est-à-dire que tous les enfants Div's) .J'ai essayé débordement: caché mais ne fonctionne toujours pas. Peut-on peut-être me dire pourquoi cela se passe et quelles sont les solutions possibles?
Merci d'avance; -) p>
Pour une raison quelconque, tout le code ne s'affiche pas ?? P>
<html>
<head>
<style type="text/css">
#wrapper {
margin:0 auto;
width: 600px;
background: yellow;
}
</style>
</head>
<body>
<div id="wrapper">
<div="header">
<h1>my beautiful site</h1>
</div>
<div id="navigation">
<ul>
<li><a href="#">Home </li>
<li><a href="#">About</li>
<li><a href="#">Services</li>
<li><a href="#">Contact us </li>
</ul>
</div>
<div id="content">
<h2> subheading </h2>
<p> long paragraph </p>
</div>
<div id="footer">
copyright 123
</div>
</div>
</body>
</html>
7 Réponses :
Avec ma boule de cristal, je prédirai que vos enfants divs sont flottés et que votre conteneur n'est pas. Dans ce cas, le conteneur ne sera pas étendu à son contenu. Essayez de flotter votre conteneur et voyez ce qui se passe.
Le cristal doit avoir été poussiéreux ... Cependant, le code que vous avez posté n'est pas valide - vous avez du contenu à l'intérieur de la balise tête et d'une div en dehors de la balise HTML. Est-ce comment votre page ressemble vraiment à votre page ou est-ce juste une erreur en collant le code dans votre question? Essayez de nettoyer la structure de code et voyez si cela aide.
Edit: Trouvé le problème - c'est une faute de frappe. Vous avez
Je ne pouvais pas poster tout le code sur là pour une raison quelconque! Oui quelques fautes de frappe opples :-(
Veuillez réessayer - avec le fragment de petit code que vous avez laissé, personne ne sera capable d'aider
J'ai édité ma réponse pour montrer la faute de frappe de votre code qui cause le problème.
Merci beaucoup de rayons !!! ;-) ÇA MARCHE!!!!! Je ne peux pas croire que c'est une faute de frappe que je pensais avoir besoin d'un piratage CSS
Je pense que votre boule de cristal prédit l'avenir. Cela fait trois ans et votre réponse était celle dont j'avais besoin (pas la question de la faute de frappe). - il devrait être
(notez l'absinable "ID")
5 commentaires
Essayez de donner le Possibilité Deux: strong> p> Effacer: code> sur le parent div ou mettre un div code> à la fin de celui-ci: <div id="parent" class="clear">
<div id="child1">Some Content</div>
<div id="child2">Some Content</div>
<div id="child3">Some Content</div>
</div>
La deuxième possibilité n'est pas la même que la première. Si vous mettez le
Possibilité on a très bien fonctionné pour un projet que je travaillais. avant le
#parent div puis oui, les deux ont le même effet.
Vous avez un div dans votre élément de tête.
<h2> subheading<h2> You miss a /
Vous pouvez ajouter ce CSS au parent div:
et vérifiez si certains éléments internes ont des flotteurs ou ont des restrictions de hauteur, parfois, c'est un problème. .PARENT-DIV {Overflow: Auto; Clear: les deux;}
Par défaut Les éléments flottants ne seront pas inclus dans la DIV.
Essayez le débordement: auto dans le parent div. Cela rendra le parent div contenir également les éléments flottants.
Cela aiderait si vous postez le code ..