JürgenB: Zeilenumbruch vor <button> in Opera

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

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

    --
    Mein SelfCode: ie:{ fl:( br:> va:) ls:[ fo:) rl:( n4:# ss:) de:] js:| ch:{ sh:| mo:} zu:|
    Die FlatBox 0.3 mit Dokumentation ist da!
    Ein wirklich weiser Mann spielt nie mit einem Einhorn Bockspringen. (Häfft)
    1. 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

  2. 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)
    
    1. 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.

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

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