• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Firefox ignoriert text-decoration:underline bei Angabe einer .dtd im DOCTYPE

zerodeath

Neues Mitglied
Hallo habe ein Problem mit text-decoration underline im Firefox.

Das Problem tritt nur auf wenn als Doctype der empfohlene:
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
angegeben ist. (auch strict funktioniert nicht)

Lasse ich den Pfad zur dtd weg funktioniert es im Firefox.
Allerdings benötige ich diese Angabe zwingend für den IE 8 damit der nicht in den Quirks-Modus springt.

Wie bekomme ich den Firefox(3.5) dazu den Text auch zu unterstreichen denn der IE 8 tut es?

Für Hinweise oder Ratschläge wäre ich sehr dankbar.

Hier folgt nun mein Beispiel.

HTML:

Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html lang="de-DE">
    <head>
        <link rel="stylesheet" type="text/css" href="style.css">
    </head>
    <body>
        <div class="compact_button">
            <input type="submit" name="action" value="Stammdaten" class="btn_link" title="Stammdaten">
        </div>
    </body>
</html>
CSS:

Code:
.compact_button {
    font-size: 0.85em;
    background-color: white;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    padding: 5px;
    padding-top: 5px;
    padding-bottom: 4px;
    height: 20px;
    float: left;
}

input.btn_link  {
    color: #4f6569;
    font-size: 12px;
    font-family: Arial;
    font-weight: bold;
    text-decoration: underline;
    text-align: left;
    background-color: transparent;
    cursor: pointer;
    margin: 0;
    padding: 0;
    width: auto;
    height: 20px;
    border: none;
}
 
Zuletzt bearbeitet:
OK das HTML war nicht ganz valide...

Folgendes bekommt nen grünen balken:

Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>
    <head>
        <title>test</title>
        <meta http-equiv="Content-type" content="text/html;charset=UTF-8">
        <link rel="stylesheet" type="text/css" href="style.css">
    </head>
    <body>
        <div class="compact_button">
            <input type="submit" name="action" value="Stammdaten" class="btn_link" title="Stammdaten">
        </div>
    </body>
</html>
Ändert aber leider nichts am Problem.
Mit Firebug kann man genau sehen, dass text-decoration:underline gesetzt ist. IE zeigts an Firefox nicht.
 
Aber warum zeigt es der Firefox an wenn im Doctype
"http://www.w3.org/TR/html4/loose.dtd" weggelassen wird?
Das bedeutet doch das er es darstellen kann.
 
Zurück
Oben