Previous Message
Next Message

position:fixed; ie

Sent by Holly Bergevin on 28 September 2005 23:11


>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.
><http://www.dlaakso.com/sandbox/aarre-test-1.html>
>(embedded)

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.

..post {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,

~holly 
 
                   
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
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/
Previous Message
Next Message

Possibly related: