> <http://www.jungle-tamer.com/>
>> SO.. If the contact isn't appearing Fixed in Win IE, than what is
>> it doing?
It is scrolling with the page. Since IE/win (prior to IE7) doesn't
understand 'position: fixed' for elements, it's the 'float: left' that's
working in that browser. That's also part of the other
positioning-problems in IE/win, since a float occupy space.
1: the big gap above the footer in all browsers is caused by...
#content {position: relative; top: -230px;}
Since relative positioned elements that are offset leaves the space the
element occupied open, that rule leaves 230p space below #content, above
footer.
Solution: don't offset using position: relative, but use margin-top instead.
2: IE6 will see #contact's dimensions, since it isn't removed from the
flow by 'position: fixed' like in other browsers. IE6 will also react on
it while re-rendering when any link is hovered, which causes #content to
jump its margin-left width to the right.
Solution: use negative margin-bottom to remove #contact's height, and
set margin-left on #content to zero for IE/win only.
3: margin-doubling bug in IE/win on #pacific-nw.
Solution, add 'display: inline:' to #pacific-nw.
---
I don't care much for having to explain every little detail, so here's
the test-page I've used.
<http://www.gunlaug.no/tos/alien/jt/test_3040.html>
Doctype corrected, source-code cleaned up and validation checked.
I have left the CSS pretty much as it were but for the necessary
changes/additions.
Tested in Opera 9tp2, Firefox 1.5.0.2 and IE6.
regards
Georg
--
http://www.gunlaug.no
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
