Zeilenumbruch vor <button> in Opera
JürgenB
- html
Hallo,
bei folgender Konstruktion
<p>Text <button type="button">Knopf</button> Text</p>
also einem Button im Fließtext, fängt der Opera (7 und 8) vor dem Knopf eine neue Zeile an. Schlimmer noch, er scheint vor <button> ein </p> einzufügen, was sich bei CSS-Angaben bemerkbar macht.
Ist dieses ein Opera-Fehler, oder sind Buttons keine Inline-Elemente? Kennt jemand dieses Problem? Gibt es Abhilfe?
Danke und Gruß, Jürgen
Hi JürgenB,
Ist dieses ein Opera-Fehler, oder sind Buttons keine Inline-Elemente? Kennt jemand dieses Problem? Gibt es Abhilfe?
Schon mal versucht, explizit display: inline;
für den Button anzugeben? Möglicherweise hast du aber auch einen Fehler im HTML Quelltext davor - hast du den Quelltext schon mal validieren lassen?
MfG, Dennis.
Hallo Dennis,
Schon mal versucht, explizit
display: inline;
für den Button anzugeben?
Ja. Kein Effekt. Es scheint auch nicht daran zu liegen. Der Opera fängt mit dem Button ein neues Element an. CSS-Angaben im <p> wirken sich nur beim Text vor dem Button aus.
Möglicherweise hast du aber auch einen Fehler im HTML Quelltext davor - hast du den Quelltext schon mal validieren lassen?
Natürlich.
Gruß, Jürgen
Hallo JürgenB.
bei folgender Konstruktion
<p>Text <button type="button">Knopf</button> Text</p>
> also einem Button im Fließtext, fängt der Opera (7 und 8) vor dem Knopf eine neue Zeile an.
Zumindest im Opera 9TP1 kann ich dies nicht bestätigen.
> Schlimmer noch, er scheint vor <button> ein </p> einzufügen, was sich bei CSS-Angaben bemerkbar macht.
Kannst du eine auf ein Minimum an Code zum Reproduzieren des vermeintlichen Fehlers reduzierte Live-Demo online stellen?
> Ist dieses ein Opera-Fehler, oder sind Buttons keine Inline-Elemente?
Doch, <http://de.selfhtml.org/html/referenz/elemente.htm#inline_elemente@title=durchaus>.
Einen schönen Dienstag noch.
Gruß, Ashura
--
[The End of an Era...](http://www.nightwish.com/english/lettertotarjaen.html)
Hallo Ashura,
Kannst du eine auf ein Minimum an Code zum Reproduzieren des vermeintlichen Fehlers reduzierte Live-Demo online stellen?
Kein Problem:
http://www.j-berkemeier.de/test/buttonproblem.html
Gruß, Jürgen
PS Ich habe den Fehler nur in Opera 7 und 8 beobachten können.
Hallo JürgenB.
Kein Problem:
http://www.j-berkemeier.de/test/buttonproblem.html
Nun bin ich mit Opera 8.5 unterwegs und kann dir dieses Verhalten als Bug bestätigen, welcher offenbar in Version 9 behoben wurde.
Deine Vermutung war im Übrigen richtig.
Die Eingabe von „javascript:alert(document.documentElement.innerHTML);“ ergibt:
<HEAD><META http-equiv="Content-Type" content="text/html; charset=iso-8859-1"/><TITLE>Buttonproblem</TITLE></HEAD><BODY>
<H2>Buttonproblem</H2>
<P STYLE='color: #ff0000'>Text </P><BUTTON type="button">Knopf</BUTTON> Text
</BODY>
Wie zu sehen ist, schließt Opera in der Tat eigenmächtig den Absatz.
Steht ein als type="button" ausgezeichnetes input-Element stattdessen zur Debatte?
Einen schönen Dienstag noch.
Gruß, Ashura
Hallo Ashura,
danke für deine Hilfe.
Steht ein als type="button" ausgezeichnetes input-Element stattdessen zur Debatte?
mit <input type="button" value="Knopf"> funktioniert es.
Gruß, Jürgen