J'ai affaire à un texte qui sort de sa div. J'ai codé la page d'accueil. Ainsi, peu importe la durée du contenu principal, le sous-contenu (la zone grise et le pied de page) doit être déplacé vers le bas.Le texte flotte hors de son div
Vous voyez comment le texte factice agit
URL http://nicejob.is/clients/pizzahollin/www/divproblem.htm
J'ai accomplir cela avant, mais en quelque sorte cela ne fonctionne pas maintenant.
Si vous avez un élément qui ne contient que des éléments flottants, la hauteur du conteneur sera égal à zéro. Pour résoudre ce problème, vous pouvez ajouter un div de compensation (<div style="clear:both"></div>).
Si vous ajoutez un div de compensation à la fin de la # sous-section du contenu, il ajustera automatiquement la hauteur de la section à son contenu.
L'autre question que vous avez est que vous utilisez le positionnement relatif sur les éléments de votre .opentext. Lorsque vous définissez une propriété 'top', elle pousse le contenu vers le bas, ce qui le fait se chevaucher avec votre # lower-container. Il vaut mieux utiliser la propriété 'margin-top', qui étendra la taille du div .opentext pour s'adapter à tout le contenu.
Donc en bref:
<div style="clear:both"></div> à la fin de la # sous-contenu <section>J'espère que cela aide!
Vous avez défini une hauteur explicite sur cette div. Pour qu'il se remodèle à son contenu, vous devez définir height: auto. (Ou jamais mis sa hauteur en premier lieu)
EDIT: Comme l'a dit ANeve, vous devrez enlever la hauteur sur les deux .article et .opentext, ainsi vous aurez besoin de mettre un clear:left sur .lower-container à Poussez le pied vers le bas.
À savoir '.article' et' .opentext'. – ANeves
Bon point .. oublié de laisser flotter le conteneur - merci –
Il suffit d'utiliser wordwrap: break-word; pour le div et il va casser le mot à la ligne suivante.
Vous avez défini la propriété height de vos divs .article et .opentext. Si vous supprimez cette propriété, le contenu doit être développé en conséquence.
Cependant, vous aurez également besoin d'ajuster le positionnement de l'image d'arrière-plan. Vous devez définir l'image d'arrière-plan de .footer elle-même, plutôt que de compter sur une image d'arrière-plan de taille statique pour toute la page.
ok, je vois comment il résout le problème et révèle également un petit problème avec l'image de fond - va résoudre ce problème et que je devrais travailler correctement Merci beaucoup :) –
merci. Cela a fait l'affaire avec le problème de fond. Je l'ai réussi à asigner avec le div de footer donc j'étais surprise si j'étais supposé le réparer plus loin. –