Chrome nicht gerendert, span in div richtig

Wenn ein span ist eingebettet in eine div mit einem anderen hintergrund, es gibt eine kleine Lücke oben und unten. FF nicht wiedergegeben wird wie die.

Hier ist der html :

<html>
 <body>
  <div style="background-color:magenta">
   <span style="background-color:cyan">Nested</span>
  </div>  
  <div style="background-color:cyan">Can you see that magenta line ?</div> 
 </body>
</html>

Wer hat Erfahrung ?

Dank
PS: ich bin mit chrome 5.0.307.9 beta unter Xubuntu 9.10

  • Nur weil FF spielt es eine Möglichkeit, bedeutet nicht, es ist der richtige Weg. Mein Gott, schauen ein DH! Sie haben so ziemlich alles falsch, was ... Über 10 Jahren? Menschen der Ansicht, dass der standard für eine sehr lange Zeit. (Es war das dunkle Zeitalter des internet.) Gewährt FF nicht zu nahe zu kommen, um IE, aber immer noch. Jeder liest die Regeln anders sind, sollten Sie neu definieren, jede css-Eigenschaft, um das, was man erwartet, um Ihre Umwelt konsistent zwischen den Browsern. Wenn Sie eine Frage haben, gehen Sie auf die W3C und sehen, was es sein SOLLTE.
InformationsquelleAutor Bruno | 2010-02-27
  1. 7

    Das problem ist die Standard -line-height. Browser variieren, wie definieren Sie die Standard-Zeile-Höhe ("normal"), aber viele tun es ein Hauch mehr als 1em (die Standard-Höhe einer Spanne). Versuchen Sie explizit setzen die line-height auf 1em: 

    <span style="background-color:cyan;line-height:1em;">Nested</span>

    oder 

    <div style="background-color:magenta;line-height:1em;">

    Wenn Sie möchten, verwenden Sie die line-height größer als 1em, müssen Sie Sie markieren die Spannweite display:inline-block damit Ihre Hintergrundfarbe füllen Sie die Höhe der Zeile, anstatt nur 1em des inline-span:

    <div style="background-color:magenta;line-height:2em;">
  <span style="background-color:cyan;display:inline-block;">Nested</span>
</div>
    • Einer der schlechte Dinge die W3C hat. Fast alles, was ist, bleibt die interpretation der Norm, und kein Standardwert angegeben ist-für jedermann. Ich bin froh zu sehen, W3C-Einstellung Bissen Recht mit HTML5 und Fixierung einige Ihrer wichtigsten Probleme, die mit den standard als ganzes.
    • Das ist genau das was ich gesucht habe ! Vielen Dank 🙂
    InformationsquelleAutor Plynx
Schreibe einen Kommentar