Le problème que vous rencontrez est que vous avez beaucoup de choses qui sont position: fixe;
Si vous faites ceci à partir de zéro ... Je vous suggère de recommencer. J'ai construit THIS dans jsfiddle en 3 minutes. C'est comme ça que vous construisez un site comme celui-ci maintenant. Cela commence aussi par le mobile ... donc avec quelques requêtes média et un slider responsive, vous devriez avoir une base beaucoup plus solide. J'espère que c'est utile. Le positionnement fixe extrait le contenu du flux, puis le navigateur ne voit pas à quel point il est "long" et supprime donc le besoin de défilement. Comme vous utilisez rêve tisserand ou quelque chose? Si oui, je peux voir comment cela est arrivé. Vous devriez probablement aller avec un doctype html 5 aussi bien. Prenez une grande respiration et repensez cela.
HTML
<header class="global-header">
<div class="inner-w">
HEADER
</div> <!-- .inner-w -->
</header>
<section class="main-content">
<div class="inner-w">
<div class="block">block</div>
<div class="block">block</div>
<div class="block">block</div>
</div> <!-- .inner-w -->
</section> <!-- .main-content -->
CSS
html, body {
margin: 0;
padding: 0;
}
.global-header {
width: 100%;
float left;
min-height: 150px;
margin-top: 20px;
margin-bottom: 20px;
background-color: lightblue;
}
.main-content {
width: 100%;
float: left;
}
.inner-w {
margin: 0 auto;
max-width: 900px;
}
.block {
width: 100%;
float: left;
background-color: #f06;
min-height: 200px;
margin-bottom: 20px;
}
Voir http://meta.stackexchange.com/questions/125997/something-in-my-web-site-or-project-doesnt- work-can-i-just-paste-a-link-to-it – Liam
C'est parce que vous possédez votre élément en utilisant 'fixed' quand vous pouvez obtenir la même mise en page avec de meilleurs emplacements divisés. – Omega
'-1' pour le code manquant. – Sourabh