Hi all, I've trolled through the list archives, a little of evolt, and, of course, Google, to no avail. I consulted positioniseverything.net and quirksmode.org. The issue I have seems simple enough that I'd have turned it up on any of those sources, but, alas, that's not the case.
So, please refer to http://www.erectlocution.com for the page in question. Here are the issues: (a) >>>UPDATED: This still occurs. IE 6 has some issues rendering the page. The borders of the div with ID #contentWrapper render fine on initial loading, but there is a portion which aren't rendered "below the fold", i.e. below the bottom of the rendered page, which is evident on vertical scrolling. This behavior also occurs when scrolling back up--the previously rendered border at the top of the page is poorly rendered. Additionally, when mousing over a link, the border rendering becomes differently, if predictably, broken: some part of the left and right borders of #contentWrapper disappear, starting around 100px below it's top edge and 50px or so above its bottom edge. Lastly--and this is probably somewhere on quirksmode.org or positioniseverything.org, but of lower priority for me--there is a gap of something like 5px between the #header div and the #contentWrapper div. This happens whether or not I feed IE special rendering instructions via conditional comments. (b) >>>UPDATED: This still occurs. There is a gap of about 15px between the #header and #contentWrapper divs on Firefox 1.0.7 / WinXP and Mac OS X. I have scoured through the fairly anemic CSS and not found any reason for this in the code itself. Both the XHTML and CSS validate, for what it's worth. I had applied a negative margin, which, for FF, worked perfectly; but... (c) >>>UPDATED: This is fixed. It appears that Safari (1.2) renders my markup more faithfully than any other browser I've tested. I just removed the negative margin. ...on Safari (OS X 10.3.9, not sure what version of Safari, though), the right border of the #contentWrapper div renders just to the right of the #header div, IF that negative margin is applied to #contentWrapper. I removed that from work today (WinXP), and haven't tested it at home, so I'm not sure if that fixed it. My guess is that the 15px gap will appear when using Safari as well. Overall, it's not critical faultiness; but I'd really like such a simple site to render nicely. I appreciate any tips and pointers along the way. Thanks, Daniel __________________________________ Yahoo! FareChase: Search multiple travel sites in one click. http://farechase.yahoo.com __________________________________ Yahoo! Mail - PC Magazine Editors' Choice 2005 http://mail.yahoo.com ______________________________________________________________________ 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/
