RE: [WSG] IE7 Issues - The Final Three
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
http://www.koisis.com/index.php?cmd=01.09.00.01lac=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: 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
***
Re: [WSG] IE7 Issues - The Final Three
From: Cole Kuryakin Sent: Saturday, September 24, 2011 5:16 AM To: wsg@webstandardsgroup.org Subject: RE: [WSG] IE7 Issues - The Final Three 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 ::snip:: Any particular reason you don't simply hide the clearing div from IE7 altogether using conditional comments? !--[if !IE 7] -- div class=cleardiv !-- ![endif]-- Browsers other than IE7 see the div declaration. IE7 is blithely unaware of it. If all you need is to remove that div in IE7-only to resolve the issue, do it. cheers, scott *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] IE7 Issues - The Final Three
I Envoyé par mon BlackBerry Wireless Handheld -Original Message- From: paladin pala...@fuse.net Sender: lists@webstandardsgroup.orgDate: Sat, 24 Sep 2011 11:53:43 To: wsg@webstandardsgroup.org Reply-to: wsg@webstandardsgroup.org Subject: Re: [WSG] IE7 Issues - The Final Three From: Cole Kuryakin Sent: Saturday, September 24, 2011 5:16 AM To: wsg@webstandardsgroup.org Subject: RE: [WSG] IE7 Issues - The Final Three 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 ::snip:: Any particular reason you don't simply hide the clearing div from IE7 altogether using conditional comments? !--[if !IE 7] -- div class=cleardiv !-- ![endif]-- Browsers other than IE7 see the div declaration. IE7 is blithely unaware of it. If all you need is to remove that div in IE7-only to resolve the issue, do it. cheers, scott *** 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 ***
Re: [WSG] IE7 Issues - The Final Three
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.01lac=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
RE: [WSG] IE7 Issues - The Final Three
Z-INDEX OF POSITIONED HR
You could fix this by putting the gecko image after the hr and positioning
the gecko absolutely:
HTML:
!-- CONTENT: MAIN --
div id=content_main
hr
img id=wildlife class=gekoLower src=./Sangat_files/geko.png
width=278 height=173 alt=Sangat Wildlife: Tropical Geko
h1Welcome to Our World/h1
CSS:
#wildlife.gekoLower {
position: absolute;
top: -30px;
left: -250px;
}
POSITIONED WRAPPER EFFECT, COPYRIGHT LINE AND FOOTER NAV
To fix this, you could clear the main content before bottomEffect and have
bottomEffect be position relative:
HTML:
/div
div class=clearnbsp;/div
div id=bottomEffectnbsp;/div
!-- NAVIGATION/FOOTER: --
CSS:
#bottomEffect {
width: 780px;
position: relative;
left: 0;
bottom: -10px;
height: 10px;
background: #2A2B2D url(../image/public/.global/body_bottom.jpg)
no-repeat 0 0;
padding-bottom: 10px;
}
I'm not sure what is causing the two buttons not to line up. Could you
switch them to both be either links or submit buttons?
Hope that helps.
Best regards,
Kepler Gelotte
Neighbor Webmaster, Inc.
156 Normandy Dr., Piscataway, NJ 08854
www.neighborwebmaster.com
phone/fax: (732) 302-0904
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: memberh...@webstandardsgroup.org
***
[WSG] IE7 Issues - The Final Three
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.01lac=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 ***
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.01lac=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
***
