>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 PROTECTED]
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/
