On 1 Nov 2005, at 4:52 pm, Roger Roelofs wrote:
>> I'm VERY new to CSS and am attempting a page with three vertical div
>> areas.
>> -First area - menu - static - no scroll
>> -Second area - content - scroll as needed
>> -Third area - static - no scroll
>>
>> My page works fine in Internet Explorer and Safari (I'm on Mac OS X
>> 10.4.2), but with Mozilla/Firefox the page looks correct and the
>> scrollbar appears on the far right as I want it to but it seems to be
>> frozen. It indicates that there is a part to scroll down to, but the
>> scrollbar does not work.
>>
>> My CSS is here:
>> http://www.m-2-design.com/IF/CSS/IF-All.css
>>
>> The page displaying the CSS is here:
>> http://www.m-2-design.com/IF/index.php
>
> This may be a mac specific browser bug. I'm seeing the behavior you
> describe in firefox 1.5b2 on MacOS X 10.3.9. Funny thing is, if I make
> my window narrow enough to get a horizontal scroll bar also, then it
> scrolls properly.
>
> Having said that, the page isn't valid markup which tends to confuse
> browsers. Fix these errors
> <http://validator.w3.org/check?verbose=1&uri=http%3A//www.m-2-
> design.com/IF/index.php> and see if the problem goes away. If not, let
> me know and I'll see what I can dig up.
The problem is caused by the fixed positioned #strip, and more exactly
the height rule in IF-All.css.
There seems to be a bug there. I'd have to investigate more to be sure.
Is there any reason for that div to exist, other than providing a hook
for that background-image?
Because that background image can easily be attached to the <body>
element:
body {background #fff url(STRIP_greys.jpg) repeat-y 708px 0;}
and you get the same effect. You'll need to declare a background on
your #content div though.
Philippe
---
Philippe Wittenbergh
<http://emps.l-c-n.com/>
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
