Posted by Gwin on 07/27/07 20:16

jakeatkins via WebmasterKB.com wrote:
> Gwin wrote:
>>>>>>> I'm trying to make an image that will cover all page content
>>>>>>> that scrolls under it stay at the top of the browser window,
>>>>>>> all within
>> [quoted text clipped - 27 lines]
>>> style sheet for IE6 and tailor the presentation to account for IE6
>>> not respecting fixed positioning of the header.
>>
>> <!--[if IE 6]><link rel="stylesheet" type="text/css"
>> href="IE6styles.css" /><![endif]-->
>
> How can I test for ANY IE browser, then have a different style.css
> file. I seem to be having problems with a horizontal scrollbar. I
> have the code:
>
> html { overflow-x: hidden; overflow:scroll; }
>
> in the style sheet. this works well in IE, but for FF and Safari, it
> inserts a blank horizontal scrollbar. If I remove the
> overflow:scroll; then IE browsers won't scroll with the mousewheel,
> only by dragging the scrollbar. So I'd like to test for IE browser,
> then go to the code above, otherwise, leave out the overflow:scroll;
>
> What's the simplest way of doing this?

overkill on useragent sniffing
why are you having to deal with a horizontal scrollbar anyhoo?
won't fit fluid?

[Back to original message]