Hello Sean -
Thanks very much for the link - I tried the (giving the parent element [#content_main] a higher "z" than the hr [#content_main hr] but still no love in IE7. Will have to keep investigating this problem. The most critical problem I have is Bug 2 - vanishing wrapper footer, footer nav and copyright line. I just did some more experimenting and found that If I remove the clearing div (right before the end of the wrapper div) bang! Everything comes back in IE7. but of course, disappears in EVERY other browser. Arg! Already have a height declaration in my .clear rule so don't really know where else to go on this but have to keep trying. Thanks for your suggestions. if anything else comes to mind particularly regarding bug 2 please let me know. Cole From: [email protected] [mailto:[email protected]] On Behalf Of Sean K Sent: Saturday, September 24, 2011 1:24 PM To: [email protected] Subject: Re: [WSG] IE7 Issues - The Final Three Hi Cole, Bug no. 1 You may need to re-think the mark-up a little. Check this article http://brenelz.com/blog/squish-the-internet-explorer-z-index-bug/ Bug no. 2 add this to your current stylesheet to trigger hasLayout for that element. html #formNav {height: 1%;} If you have a specific IE stylesheet then: #formNav {height: 1%;} Hope this helps. Sean On Sat, Sep 24, 2011 at 1:46 PM, Cole Kuryakin <[email protected]> wrote: Hello All - After more than a day I've been able to successfully quash all ie7 issues except for three. I'm hoping that someone can guide me to a solution for these remaining problems. Live development site is here: www.koisis.com/index.php ++++++++++++++++++++++++ Z-INDEX OF POSITIONED HR Looking at the home page (above) in FF, IE8 or IE9, you'll see that the green HR rule (directly below "Welcome to Our World") flows BEHIND the little green geko. This is as it's suppose to be. In IE7, however, the rule is ABOVE the geko. Z-index issues are well documented for IE7 but try as I might - using all of the documentation I've read on IE7-z - I can't get this hr to go beneath the Geko. POSITIONED WRAPPER EFFECT, COPYRIGHT LINE AND FOOTER NAV Again, if you look at the bottom of the home page (above) in FF, IE8 or IE9 you'll see a graphical wrapper effect (visually defining the bottom of the wrapper div) as well as a copyright line and footer nav UL. This is how it's suppose to look. In IE7 however, all three elements vanish. Hours and hours of research and css/structure re-writing have not gotten me anywhere. ++++++++++++++++++++++++ MYSTERY PADDING/MARGIN (WHATEVER) on LI button I've got two rectangular buttons (cancel and submit) on the contact page (http://www.koisis.com/index.php?cmd=01.09.00.01 <http://www.koisis.com/index.php?cmd=01.09.00.01&lac=en-us> &lac=en-us). In FF these buttons look as it should. In IE7 however, neither buttons are in alignment. The Cancel button is an LI, the Submit button is a form input button. Again, hours of searching and css tweaking have resulted in nothing more than additional hair-loss. ++++++++++++++++++++++++ If anyone can suggest ways to one or more of these issues in IE7 i'd be hugely grateful. Thanks to all in advance. Cole ******************************************************************* List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [email protected] ******************************************************************* -- Kind regards, Sean Kerr Web Developer ******************************************************** M: 0418 697 201 E: [email protected] W: http://www.seankerr.com "To look where you're going is to be motivated by fear. To go where you're looking is to be driven by desire, confidence and vision." ******************************************************************* List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [email protected] ******************************************************************* ******************************************************************* List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [email protected] *******************************************************************
