2016-06-21 13 views
-2

Ich versuche, Text aus einer Datenbank als Laufschrift auszuführen. Das Auswahlrechteck muss 10% der gesamten Bildschirmhöhe am unteren Bildschirmrand einnehmen.HTML Marquee-Stil funktioniert nicht

Hier ist mein Code:

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

Es ist occypy nicht mehr als 10% und nicht am unteren Rand der Seite. Was vermisse ich?

+0

Was Ihre Doctype ist? Das Tag wird in HTML5 nicht unterstützt. – Squideyes

+0

+0

[W3C] (http://www.w3schools.com/tags/tag_font.asp) empfehlen Sie ersetzen mit CSS. Sehen Sie, ob das das Problem behebt. Wenn nicht, könnten Sie uns einen Vorschaulink zur Verfügung stellen? – Squideyes

Antwort

1

Zuerst haben Sie '/' in Ihrem schließenden Div-Tag vergessen, aber es ist nicht kritisch. Damit Ihr height: 10% funktioniert, müssen Sie das übergeordnete Element height, zum Beispiel height: 100% an das div. Dann wird für bottom:0 zu arbeiten, sollten Position absolut sein, und Eltern sollten Positionning relativ sein:

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

Hoffe, es hilft