overflow:auto bei mozilla?

[jimbob]

hallo,

folgende seite: http://www.gruenquadrat.at/mozilla/
funktioniert wunderbar im IE, jedoch kann man im mozilla keinen overflow:auto bewundern!

span.content {
 font: 11px arial,helvetica;
        height: 270px;
        width:100%;
}
#auto {
 overflow: auto;
}

<span class='content' id='auto'>
      CONTENT
      </span>

was ist das problem?

THX jimbob

[MudGuard]

Hi,

span.content {
font: 11px arial,helvetica;
        height: 270px;
        width:100%;

span ist ein non-replaced inline-Element. width und height gelten für "all elements but non-replaced inline elements, table rows, and row groups"

}
#auto {
overflow: auto;
}
  <span class='content' id='auto'>

span ist ein non-replaced inline-Element.
overflow gilt nur für block-level and replaced elements.

cu,
Andreas

[jimbob]

danke für die antwort!

also sollte es aber für divs gelten da jene  ja blockelemente sind, oder?

[Cheatah]

Hi,

also sollte es aber für divs gelten da jene  ja blockelemente sind, oder?

es gilt auch für <span>, wenn Du diesem eine passende display-Eigenschaft mitgibst.

Cheatah

[Der Hans]

Moin!

span.content {
font: 11px arial,helvetica;
        height: 270px;
        width:100%;
}

Mozilla erkennt, das SPAN ein Inline-element ist und weigert sich
richtigerweise, diesem eine Höhe zuzuweisen.

Der Hans