Vérifiez mon lien ci-dessous. J'ai mon pied de page en bas de l'écran si vous avez un grand écran, mais maintenant si vous êtes sur un petit écran, il y a une barre de défilement qui apparaît avant le pied de page. Pourquoi est-ce?Le pied de page est collé au bas = bon, mais le contenu principal a défile comme si le pied de page est fixé = mauvais
http://boldstyle.allthingswebdesign.com/something.php
Votre problème réside dans la hauteur statique et la largeur de vos DIV conteneurs.
CSS:container est à 1024px. vous pourriez vouloir sauvegarder ceci à 1000px, puisque la plupart des navigateurs à 1024px ajouteront une barre de défilement horizontale pour companter la frontière très mince de la fenêtre 1-2px. Si votre conception ne le permet pas, vous pouvez remplacer overflow:auto par overflow:none.
CSS:main a une hauteur statique. Faites la même chose que ci-dessus si le contenu dépasse cette hauteur pour désactiver la barre de défilement verticale.
Je n'ai pas vu de hauteur explicite pour #main – Catfish
dans 'styles.css',' # main' a 'overflow: auto' ..' # leftmain' a la hauteur statique. En tant qu'objet descendant, il hérite des attributs parents. Vous voudrez peut-être obtenir à la fois firebug et plugin webdeveloper pour firefox .. il aide à déboguer ces choses .. –
Je les ai. Débordement: auto sur #main est de sorte que le div # principal enveloppe ses divs enfants. Maintenant, si je change la hauteur de #leftMain, #main sera automatiquement au moins aussi grand que #leftMain correct. – Catfish