Previous Message
Next Message

position:fixed; ie

Sent by Holly Bergevin on 28 September 2005 22:10

>From David Laakso:

>Fixed header problem in IE. Image should pass under the header. And 
>scroll bar is not where one might expect it to be. Works as intended in 
>Opera and FF.

Hi David, 

The following changes provide a solution, of sorts - 

Add a new element to your HTML that is exactly the same (same contents) as the div with the ID of
gatehouse. This will go right after the opening tag for < div id="gatekeeper-fixes-ie">. Give the
new div some catchy ID such as "IEgatehouse" (cuz it's for IE...)like so... (mind the extra spaces
so my email program doesn't eat the HMTL) 

< div id="gatekeeper" >
< div id="gatekeeper-fixes-ie" >
< div id="IEgatehouse" >< img src="aarre-test-1_files/284.jpe" width="590" height="64" alt="" ><
/div >
< div id="masterkey" >

With me so far???

CSS for the main file is:

#IEgatehouse {display: none;}

CSS for the IE style sheet (Conditional comment) is:

#gatekeeper {padding-top: 0;}
#gatehouse {display: none;}
#IEgatehouse {
display: block; 
text-align: center; 
background: #A0522D; 
height: 64px; 

and then add a left padding value (3px?) to .post in the IE style sheet, as well. {font-weight: 200; font-size: 90%; padding-left: 3px;}

What you'll have done is put a "new" element (#IEgatehouse) into the HTML where IE needs it to be in
order to give you the functionality you wish. You'll have hidden the original #gatehouse from IE,
and the new one from everybody else. Removing the 50px padding from #gatekeeper puts the scrollbar
closer to the display in Gecko. Result should be what you want, without too much hassle... I hope.

Let us know how it goes,

css-discuss [EMAIL-REMOVED]]
List wiki/FAQ --
Supported by --
Previous Message
Next Message

Possibly related: