2016-06-21 7 views
-2

데이터베이스에서 텍스트를 마키로 실행하려고합니다. 선택 윤곽은 화면 하단의 총 화면 높이의 10 %를 차지해야합니다.HTML 마키 스타일이 작동하지 않습니다.

<div> 
<font color="#FFFFFF" size="+1" face="Verdana"><marquee bgcolor="#FF0000" style="height: 10%; bottom: 0; " scrollamount="5">Your text here</marquee></font> 
<div> 

이 10 %를 occypy하지 페이지 하단에 있지 않습니다

여기 내 코드입니다. 내가 뭘 놓치고 있니?

+0

당신의 DOCTYPE 무엇인가 도움이되기를 바랍니다? 태그는 HTML5에서 지원되지 않습니다. – Squideyes

+0

은 가 <메타 캐릭터 = "UTF-8"> –

+0

[W3C (http://www.w3schools.com/tags/tag_font.asp) 추천 을 CSS로 대체하십시오. 문제가 해결되는지 확인하십시오. 그렇지 않은 경우 미리보기 링크를 제공 할 수 있습니까? – Squideyes

답변

1

먼저 닫는 div 태그에서 '/'을 잊어 버렸지 만 중요하지는 않습니다. height: 10%을 작동 시키려면 상위 요소 height을 수정해야합니다 (예 : height: 100%을 div에 설정). 그런 다음 bottom:0가 작동하려면, 위치는 절대해야하고, 부모으로 위치가 상대해야한다 :

<html> 
    <head></head> 
    <body> 
     <div style="position: relative; height: 100%;"> 
     <font color="#FFFFFF" face="Verdana" size="+1"><marquee style="height: 10%; bottom: 0px; position: absolute;" scrollamount="5" bgcolor="#FF0000">Your text here</marquee></font> 
     </div> 
    </body> 
</html>