Site web ne pas faire défiler vers le bas

Mon site fonctionne sur un 15 pouces ordinateur portable, mais chaque fois que je redimensionner le navigateur, certaines informations sur mon site "disparaît", comme je suis incapable de faire défiler (barre de défilement ne s'affiche pas).

Je suis confronté à ce problème pour deux de mes sites web (ils font partie d'un projet d'école).

Sur le premier site, le collant pied de page couvre le contenu lorsque le site web est affiché dans une petite fenêtre de navigateur. J'ai réussi à obtenir une barre de défilement pour le conteneur (tout sauf l'en-tête et pied de page), mais j'ai besoin de la barre de défilement apparaissent sur le côté droit du site, à l'extérieur du conteneur. (seul le pied de page sera fixé, l'en-tête sera en mesure de défilement ainsi).

http://sophisticateddesign.nl/cfreport/index.html

Sur le deuxième site, j'ai besoin de l'en-tête et le papillon de rester fixe et pour tout le reste, pour être en mesure de défilement.

http://sophisticateddesign.nl

Je me demande si il ya une solution facile car je n'ai pas beaucoup de temps pour ces sites pour finir..

InformationsquelleAutor Sophiaa | 2014-06-16
  1. 5

    Supprimer overflow: hidden en html

    html {
  height: 100%;
  margin: auto;
  width: 960px;
}

    Supprimer position: absolute pour .Wrapper

    Pour la deuxième place:
    Vous avez ajouté votre contenu principal à l'intérieur de header avec position: fixed; height: 50px;. C'est le problème.

    • il travaille pour le second site, merci! mais le premier site ne fonctionne toujours pas, la barre de défilement apparaît à l'intérieur du conteneur et il est censé être dans le corps, le défilement de tout, sauf le pied de page..
    • J'ai changé la réponse.
    • ainsi, la barre de défilement ne s'affiche lorsque je retire la position absolue, mais l'ensemble du site se foiré: i.imgur.com/iIg5nak.png?1
    • Oui, mais vous pouvez voir ce que mal et pouvez modifier votre code. Essayez de voir dans votre .ligne et .wrapper de nouveau. Pourquoi utilisez-vous height: 100%. Essayez de l'enlever.
    • J'ai essayé quelques petites choses à faire ce travail, en retrait de la position absolue pour l'emballage n'a pas fonctionné j'ai donc essayé de trouver une autre solution. Il semble fonctionner maintenant, sauf pour la ligne du bas, la partie du milieu n'est pas 100% de la longueur et je n'arrive pas à trouver ce qui est à l'origine de ce problème. (le fond blanc n'est pas couvrant l'ensemble de la div, voici ce que vous verrez lorsque vous redimensionnez le navigateur): sophisticateddesign.nl/cfreport/index.html
    InformationsquelleAutor Nick
  2. 1

    Vous avez ces CSS propriétés de votre HTML tag.

    html{
    height: 100%;
    margin: auto;
    width: 960px;
    overflow: hidden;
}

    Essayez de changer débordement à overflow: scroll

    • oui, quand je fais ça il n'y a toujours pas de barre de défilement sur la droite, juste dans le conteneur div..
    • Vous avez déjà essayé ce user3388636 recommandé de vous?
    InformationsquelleAutor dacastro4