Effondrement des flotteurs en grille 960 - "clear" ne semble pas fonctionner!

Question

J'essaie d'utiliser le système de quadrillage 960 avec des graphiques d'en-tête et de bas de page en haut et en bas de la page. Ces graphiques doivent aller plus loin que la grille 960. L'en-tête fonctionne bien - un DIV, position absolue, largeur 100%, et centré, fait parfaitement le travail.

Mais maintenant, je veux la même chose, mais en bas de la page. C'est à dire. aligné avec le bas de la section pied de page. Je me suis dit que j'attacherais l'image d'arrière-plan au fond du div .container_16, positionné en bas. De cette façon, l'image de pied de page resterait toujours avec le bas du contenu.

Voici ma tentative à ce jour: http://www.northtreestudios.com/sandbox

La ligne rouge est la frontière de l'étiquette body, et la ligne bleue de la frontière du .container_16 div. Je mets un div de compensation (<div class="clear"></div>) partout où je pouvais penser, mais je ne fais que je ne soit obtenir le .container_16 div ou la balise body à développer pour inclure le pied de page!

J'ai déjà récurer le web pendant des heures, et je suis à court d'idées ...

Answer 1

If this is what you want, puis faites ceci:

#container { 
    border:2px solid blue; 
    top:0; 
    width:960px; 
} 

Ou si vous voulez que la navigation soit droite en haut de faire ceci:

#container { 
    border:2px solid blue; 
    top:0; 
    width:960px; 
    margin-top:-250px; 
} 

Answer 2

Cela aurait pu le résoudre mais cela impliquait de modifier le cadre 960GS. Si vous publiez votre code HTML d'origine, je suis heureux d'étudier pourquoi cela se produit.