Wow, Thank you Georg, I applied everything that I understood. Which was most of it. I really appreciate the how to, with the why. I'm trying to get the big picture.
However I still have 2 issues that I can tell. I removed the html background color, and don't know how to replace it with css. So there is a big with strip across the top. Then I have the same issue in Win that the now unfixed #contact is pushing over the #content div to far to the right. I didn't really understand your instructions about this. Could you use small words in BIG type : ) Thank you so much Terri On Apr 18, 2006, at 8:47 PM, Gunlaug Sørtun wrote: >> <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 Terri Chicko [EMAIL PROTECTED] Illustration, Graphics and Web Design www.chickoart.com www.salishwinds.com www.the-point-casino.com ______________________________________________________________________ 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/
