Ne peut pas faire défiler verticalement

J'ai cette page:Ne peut pas faire défiler verticalement

http://projects.kleelof.com/rr_chat_roulette/

Il est une page très simple, mais, pour une raison quelconque, lorsque la page est trop grand, les barres de défilement verticales ne viennent pas.

Quelqu'un pourrait jeter un coup d'oeil rapide et me dire ce que je fais mal?

Je signalerai le CSS et HTML connexes ci-dessous:

CSS:

body 
{ 
    width: 100%; 
    background-color: #000000; 
    color: #ffffff; 
} 

#main_area 
{ 
    width: 1000px; 
    padding-top: 20px; 
    margin-left: auto; 
    margin-right: auto; 
} 

.bottom_text 
{ 
    font-family: 'Source Sans Pro', serif; 
}

HTML:

<div id="main_area"> 
     <center> 
      <img src="images/header.png"/> 
      <br/><br/> 
      <div id="altContent" style="width:900px; background-color:#000000;"> 
       <h1>rickrose_chat_roulette</h1> 
       <p><a href="http://www.adobe.com/go/getflashplayer">Get Adobe Flash player</a></p> 
      </div> 
      <br/><br/> 
      <span class="bottom_text" style="font-size: 24px;">Chatroulette & 

Omegle Alternative for Hot Good Looking People</span> 
       <br/><br/> 
       <span class="bottom_text" style="font-size: 14px;"> 

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</span> 
     </center> 

    </div>

prendre soin, lee

Source

2013-03-29 Lee Loftiss

sexchatroulette. lol – btevfik

C'est pour des problèmes comme celui-ci, où jsFiddle est nécessaire lol – dev

btevfik - oui, il n'y a pas de comptabilité pour le goût. Je suis à la merci de mes clients. Vletech - Je ne suis pas familier avec jsFiddle, comment cela pourrait-il aider ici? –

En réponse à votre question , à la ligne 31 de votre fichier CSS principal, vous avez html,body{overflow:hidden) Si vous changez cela en auto alors cela va résoudre votre problème.

Source

2013-03-29 10:47:35 dev

Je ne le vois pas. Le fichier CSS a seulement 19 lignes et il n'y a pas d'affectation au débordement dans le CSS entier. –

NEvermind. J'ai complètement raté ce morceau de CSS dans le HTML principal. –

Désolé, c'est la page principale et non le fichier css. – dev

Ne peut pas faire défiler verticalement

Répondre

Questions connexes