I would remove the clear rule below copyright p tag, and change the bottom
frame of the bg image to a new div with background position: left top, then
wrap the copyright p tag and all the ULs starts from navFoot in this new div.
e.g.
.footer {background: (bottom-frame.jpg) no-repeat center top; clear:both;
overflow:hidden}
<div class="footer">
all elements outside the frame go here
</div>
Whenever there is element floated left and right, the only way to make IE7
behaves is wrap them in a div.
Notice there is go-up menu for language, if absolute position is used
somewhere, don't declare overflow in the .footer, but keep the clear rule after
the copyright p tag so that the menu doen't get cut off.
Hope this helps!
tee
On Sep 24, 2011, at 2:16 AM, Cole Kuryakin wrote:
> 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: li...@webstandardsgroup.org [mailto:li...@webstandardsgroup.org] On
> Behalf Of Sean K
> Sent: Saturday, September 24, 2011 1:24 PM
> To: wsg@webstandardsgroup.org
> 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 <c...@koisis.com> 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&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: memberh...@webstandardsgroup.org
> *******************************************************************
>
>
>
>
> --
> Kind regards,
> Sean Kerr
> Web Developer
>
> ********************************************************
>
> M: 0418 697 201
> E: bullr...@gmail.com
> 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: memberh...@webstandardsgroup.org
> *******************************************************************
>
> *******************************************************************
> List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
> Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
> Help: memberh...@webstandardsgroup.org
> *******************************************************************
*******************************************************************
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: memberh...@webstandardsgroup.org
*******************************************************************
