Buttons werden doppelt angezeigt

  • Hallo an alle,

    habe ein Problem mit meinem HTML/CSS Code. Wenn ich ihn im Chromium Browser öffne werden die Buttons mehrfach angezeigt. Hatte das gleiche Problem mit dem IE, was aber durch folgende Angabe gelößt war:

    <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7">

    Ich komme einfach nicht dahinter wo der Fehler steckt.

    HTML Version 4.01 Strict

    HTML:

    Code
    <p><a class="btn_menue" href="de_welcome.html" target="_self">
    	<div class="Schrift">Willkommen </div>			</a></p>


    CSS:

  • Innerhalb eines Links darf (nach HTML4.x und XHTML1.x) kein Blockelement vorkommen. Folglich ist dein <div> dort fehl am Platz. Ersetze es durch ein <span> wenn Du es unbedingt dort brauchst.

    Außerdem frage ich mich was die absolute Positionierung eben dieses <div>'s für einen Sinn macht? Es ist zudem unvollständig positioniert (left ist angegeben, aber kein top oder bottom - da machen manche Browser was sie wollen; die Höhe fehlt ebenso).

  • Stimmt natürlich, dass ein <div> in ein <a> nicht reingehört, aber was Chrome daraus macht. Siehe Anhang, da schüttelt es einen echt.


    Zu position absolute: es ist durchaus sinnvoll einen bestimmten Parameter nicht zu setzen. Wenn man z.B: top nicht setzt, bleibt das Element relativ und das machen so ziemlich alle Browser so.
    (Garantiere nichts für Mobilegeräte, und sonst auch gar nichts :razz: )