임의 스크롤 페이지?

나와 내 친구가 새 사이트를 만들고 있으며 우리는 HTML과 CSS의 초심자입니다. 테스트를 위해이 사이트를 만들었지 만 문제가 있습니다. 이것이 돋보이는 동안 스크롤 할 수 있습니다.임의 스크롤 페이지?

index.html 페이지 :

<html> 
<title>ClipOfTheDay</title> 
<head> 
<link rel="stylesheet" type="text/css" href="style.css"> 
<meta name="disrciption" content="Welcome to ClipOfTheDay, the awesome website where you can see your favourite clips every day!"> 
<meta http-equiv="content-type" content="text/html;charset=UTF-8"> 
</head> 
<br> 
<center><p><i><font color="#989898" face="times, serif" size="6"> 
Welcome to Clip Of The Day! 
</font></i></p></center> 
<br> 
<hr> 
<body> 
<br> 
<br> 
<p><i><font color="#989898" face="times, serif" size="4"> 
<div style="position: absolute; left: 24%; top: 22%; height: 80%; width: 80%">Music Video</div> 
<div style="position: absolute; left: 73%; top: 22%; height: 80%; width: 80%">Funny Video</div>   
</font><p><i> 
<Br> 
<div style="position: absolute; left: 12%; top: 30%; height: 80%; width: 80%"><iframe width="420" height="390" src="//www.youtube.com/embed/McEoTIqoRKk" frameborder="0" allowfullscreen></iframe></div> 
<div style="position: absolute; left: 60%; top: 30%; height: 80%; width: 80%"><div id="header"><iframe width="420" height="390" src="//www.youtube.com/embed/fZfH6Dt_E3k" frameborder="0" allowfullscreen></iframe></pre></div> 
<br> 
<div style="position: absolute; left: 0%; top: 70%; height: 80%; width: 80%"><p><i><font color="#989898" face="times, serif" size="2">&copy; All rights reserved ClipOfTheDay 
      </font></i></p></p> 
</body> 
</html>

내있는 style.css

body 
{ 
background-image:url('Background.jpg'); 
} 

hr 
{ 
color: #505050; 
background-color: #505050; 
height: 0,5px; 
} 

br { 
     line-height: 80%; 
    } 

{ 
    position: relative; 


html 
{ 
width: 100%; 
height: 100%; 
clip: auto; 
position: absolute; 
overflow: hidden; 
}

너희들이 우리를 도울 수 있기를 바랍니다!

출처

2014-06-14 Faalhaaz

첫째, 시간의 높이는 소수점으로 쉼표를 사용하지 않아야합니다. height:0.5px 둘째, 코드의 사용되지 않는 (?) 부 { position: relative; 가 문제

를 해결하는 것이다. 그 버그는 html의 하단 부분을, 전체 스타일 시트를 실패합니다.

해결되면 작동해야합니다.

출처

2014-06-14 09:58:52 Logo

선생님, 환상적입니다! 옆에서 스크롤을 없애 버릴 수 있었다. 이제 아래쪽으로 스크롤 할 수 있습니다. 나는 그 중 하나도 원하지 않습니다. 사이트를 확인할 수 있습니다 : http://www.clipoftheday.pixub.com/ – Faalhaaz

이상하게도, 아래쪽으로 스크롤하지 않습니다. – Logo

그것은 내 화면에서, 그리고 여전히 많은 질문을 가지고 .. 나는 모두가 다른 해상도를 가지고 알아, 나 자신이 2 스크린 있어요. youtube vids 위의 텍스트가 두 화면의 같은 위치에 있지 않습니다. 그걸 고치는 법 알아? – Faalhaaz

답변

관련 문제