Posted by jakeatkins via WebmasterKB.com on 07/27/07 19:28

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?

--
Message posted via WebmasterKB.com
http://www.webmasterkb.com/Uwe/Forums.aspx/html-dev/200707/1

[Back to original message]