Je suis confronté à ce problème lorsque je fais défiler la fenêtre à Horizontal puis pied de pied de page et d'en-tête pause. p>
aide avec CSS P>
Vous pouvez vérifier la démo en direct ici http://yeszindagi.com/ p> --------------------------- ----- Code HTML ----------------------------------------------- P > <div class="containerMain">
....
.....
.........
<div class="full footer clear ">
<div class="fixed center">
<div class="left">
<ul class="links">
<li><a href="#">Contact</a></li>
<li><a href="#">Contact</a></li>
<li><a href="#">Contact</a></li>
<li><a href="#">Contact</a></li>
<li><a href="#">Contact</a></li>
</ul>
</div>
<div class="social right">
<a href="#" target="_blank" title="Facebook"><span class="facebook-mini"></span></a>
<a href="#" target="_blank"><span class="twitter-mini" title="Twitter"></span></a>
<a href="#" target="_blank"><span class="pinterest-mini" title="Youtube"></span></a>
<a href="#" target="_blank"><span class="linkedin-mini" title="Linkedin"></span></a>
</div>
</div>
</div>
</div>
4 Réponses :
Je vous suggère une solution avec jQuery:
$(window).bind('resize', resizeHandler);
function resizeHandler(){
var newWidth = $(document).width();
$('.footerWrapper').css('width', newWidth);
}
Non non c'est terrible. Personne ne fait ça
Le meilleur moyen de résoudre ce problème est via CSS.
Appliquer un min-largeur à son conteneur parent et assurez-vous que ses enfants ont un largeur: 100% . Voir ci-dessous:
Cela ne peut pas être atteint par CSS uniquement. Vous devez avoir une intégration JQuery. Essayez ceci. Devrait fonctionner!
CI-DESSOUS Les propriétés CSS doivent être capables de résoudre le truc.
.divwithbackground{ overflow-x: hidden;}
C'est parce que la largeur 100% est la largeur de la fenêtre, pas le document réel
w3.org/1999/xhtml ">
Corps {Overflow-X: caché;}