wrapper ne contenant pas de contenu div

Question

J'essaie d'obtenir mon emballage pour contenir mon contenu, mais ce ne sera pas le cas. J'ai sorti les flotteurs et ajouté "débordement: visible" non non. Je pense que c'est à cause de mon z-indexation et des marges négatives, mais j'ai essayé de les retirer et toujours pas de changement. Des idées?

http://www.jenniferhope.com/bio

(le flotteur est toujours dans cet exemple.)

Merci pour toute aide que vous pouvez offrir!

Answer 1

Essayez ceci:

#wrapper { 
overflow:auto; 
} 

J'ai regardé le code sur votre site. Il y a un certain nombre de choses que vous voudrez probablement aborder. Il sera difficile de dire exactement ce que vous devez faire, car je ne sais pas exactement comment vous voulez que le site ressemble. Mais, en général, voici quelques conseils:

• Pour contenir les éléments flottants, appliquer overflow:auto; à l'élément parent, ou placez quelque chose pour effacer les flotteurs au fond du conteneur, tels que: <div style="clear:both;"></div>
• Essayez d'éviter d'utiliser des marges négatives pour le positionnement. C'est OK à la rigueur, mais il y a généralement un meilleur moyen.
• Si vous devez disposer d'un élément superposé sur un autre, vous devez positionner l'élément en utilisant position:absolute; et un index z. Lors de l'utilisation de position:absolute;, l'élément sera positionné par rapport à l'ancêtre le plus proche auquel s'applique position:relative;. Si aucun élément n'a cette propriété, il sera positionné par rapport à l'élément body.