Firefox css div tags issue

[paulroskilly]

Hello,

Can anyone help with this, I have a div tag :

<div style="overflow:scroll; overflow-x:hidden; height=315px">
In IE this renders the DIV fine, it is 315 pixels high and has a
vertical scroll bar but no horizontal scroll bar, if firefox though it
ignores the height and makes the div just big enough to show its
contents and it also shows the horizontal scroll bar when it is
supposed to be hidden, wouldn't it be nice if all browsers rendered
html and css in exactly the same way!

Thanks,

Paul

[Spartanicus]

pa**********@hotmail.com wrote:

<div style="overflow:scroll; overflow-x:hidden; height=315px">

scroll is the default value for the overflow property, no point in
specifying it. In CSS 2.1 there is no such property as overflow-x.

--
Spartanicus

[Martin Bialasinski]

pa**********@hotmail.com wrote:

<div style="overflow:scroll; overflow-x:hidden; height=315px">
For starters, you could write valid css.

height:315px
wouldn't it be nice if all browsers rendered html and css in exactly
the same way!

Oh yes. Unfortunately, there is Internet Explorer.

[Steve Pugh]

Spartanicus <[e-mail]> wrote:

pa**********@hotmail.com wrote:

<div style="overflow:scroll; overflow-x:hidden; height=315px">

scroll is the default value for the overflow property, no point in
specifying it.

Visible is the default. See
http://www.w3.org/TR/CSS21/visufx.html#propdef-overflow

Steve

[paulroskilly]

If I remove style="overflow:scroll; then is has no scroll bars and it
streches to show the whole content, over 315 pixels high.

If overflow-x:hidden; is IE specific then fair enough, but the main
problem is that firefox is ignoring the height.

[paulroskilly]

Thanks Martin, I feel stupid, its always the smallest things.

[Steve Pugh]

pa**********@hotmail.com wrote:

Can anyone help with this, I have a div tag :

<div style="overflow:scroll; overflow-x:hidden; height=315px">

In IE this renders the DIV fine, it is 315 pixels high and has a
vertical scroll bar but no horizontal scroll bar, if firefox though it
ignores the height and makes the div just big enough to show its
contents and it also shows the horizontal scroll bar when it is
supposed to be hidden, wouldn't it be nice if all browsers rendered
html and css in exactly the same way!

FF is applying your CSS correctly.

overflow-x is a Microsoft invention and isn't part of the CSS 2.x
specification. It is part of the CSS3 proposal and will be supported
in future versions of Firefox (support added in Mozilla 1.8a4).

height=315px is just a syntax error.

So after discarding the above what Firefox sees is just <div
style="overflow:scroll;"> and it implements that perfectly by drawing
scrollbars.

Steve