Clearing nicht Valide?

[adw4712]

Guten Morgen,

ich möchet einen blauen Balken mit einem Textlink (linksbündig) und einem Pfeil nach oben (Sprung zum Seitenanfang) rechtbündig machen.

Habe mich dafür entschieden:

<h3>
<a href="test.html" class="links">Textlink</a>
<a href="#up"><img src="up.gif" class="rechts" /></a>
<div class="clear"></div>
</h3>

Durch die Angabe von Float left, bzw. right in den Klassen muss ich doch clearen, damit es bei allen Browsern stimmt.

Jetzt spuckt aber der Validator folgenden Fehler aus:

document type does not allow element "div" here; missing one of "object", "applet", "map", "iframe", "button", "ins", "del" start-tag.
<div class="clear"></div>

Bin jetzt nicht der "Ober-Programmierer", aber was soll das heißen?

[dellaseo]

ist das h3 da nicht etwas fehl am Platze?

[catcat]

Der "clean-up"-Button beim validator spuckt sowas aus:

Code: Alles auswählen

<h3><a href="test.html" class="links">Textlink</a> <a href="#up"><img src="up.gif" class="rechts" alt="** PLEASE DESCRIBE THIS IMAGE **"></a></h3>
<div class="clear">
<h3> </h3>
</div>

Aber wahrscheinlich mag er das nicht, das ein DIV-Container in einer Überschrift steht?

[TBT]

innerhalb eines h3 darf kein Block-Element kommen,
nutze mal ein span statt dem div

[adw4712]

innerhalb eines h3 darf kein Block-Element kommen,

Daran hat`s gelegen.

Das mit dem span hat zwar auch nicht funktioniert. Aber ich hab`s jetzt anders gelöst.

Danke

[TBT]

<span style="display: block;" class="clear"></span>

ist valid