2016-06-21 6 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

<!DOCTYPE HTML> <メタ文字セットが= 'UTF-8'> –

+0

[W3C](http://www.w3schools.com/tags/tag_font.asp)をお勧めしますをCSSに置き換えます。それが問題を解決するかどうかを確認してください。そうでない場合は、プレビューリンクをご提供できますか? – Squideyes

答えて

1

まず、閉じたdivタグで '/'を忘れてしまいましたが、それは重要ではありません。 height: 10%を動作させるには、親要素heightを修正する必要があります。たとえば、height: 100%をdivに設定します。その後、bottom:0が機能するために、位置は絶対的であるべきであり、親positionningは相対的でなければなりません:

<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> 

はそれが

関連する問題