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/
