RE: [WSG] Absolute position problem in IE
The site looks fine under IE6 on my PC. Nice job. -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of tee Sent: Monday, 27 June 2005 12:19 PM To: wsg@webstandardsgroup.org Subject: [WSG] Absolute position problem in IE I was working on a site that has 4 absolute divs for two png images, a left column and a right column for menu. The two images work fine and the left column seems working fine except it doesn't stay where I want it to be, however the right column menu, links and hover are not working at all. This is the first time I have 4 absolute position wrapped in a relative div, I was wondering if IE has issue with more than one absolute div. The page: http://clients.lotusseeds.com css: http://clients.lotusseeds.com/index.css Thanks! tee ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help ** ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] Absolute position problem in IE
The site looks fine under IE6 on my PC. Nice job. Thanks but are your sure the menu is working??? It obviously doesn't in my IE 5/6 (both W2K and XP home); hover disappear and links are not clickable. tee I was working on a site that has 4 absolute divs for two png images, a left column and a right column for menu. The two images work fine and the left column seems working fine except it doesn't stay where I want it to be, however the right column menu, links and hover are not working at all. This is the first time I have 4 absolute position wrapped in a relative div, I was wondering if IE has issue with more than one absolute div. The page: http://clients.lotusseeds.com css: http://clients.lotusseeds.com/index.css Thanks! tee ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
RE: [WSG] Absolute position problem in IE
tee wrote: Thanks but are your sure the menu is working??? It obviously doesn't in my IE 5/6 (both W2K and XP home); hover disappear and links are not clickable. Try it without the background png on the li. I see you are using IE7 from Dean Edwards, but the magic of his javascript may be conflicting with hover over a png. If that does not work, disable the ie7 patch and try again. I am sure that the problem is in that combination and not in absolute positioning inside a relative container. I have done far worse/ more complicated layout using absolute and relative containers. Nick This email is from the Department of Consumer and Employment Protection and any information or attachments to it may be confidential. If you are not the intended recipient, please reply mail to the sender informing them of the error and delete all copies from your computer system, including attachments and your reply email. As the information is confidential you must not disclose, copy or use it in any manner. ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
RE: [WSG] Absolute position problem in IE
Sorry tee. I see what you're saying.
No, the links don't work.
You've got his code for the current menu item:
li id=activea href=# id=currentKarate Overview/a/li
I would suggest you could incorporate your 'active' class into the 'current'
class and so do away with one of them. This itself could be causing
problems. BTW, I can't find a 'current' style in your CSS anywhere.
You also define height for the links when active but not in their normal
state. And I think this block here is your culprit:
#menu li#active a {
background: #fff;
width: 140px;
height: 28px;
color: #000;
}
Though exactly how to rectify it for your needs I couldn't say. Shouldn't
'active' be either a pseudo selector or a class.
Also, you might want to re-work your page layout a little so that you're
starting with an H1 and not an H2, then descend from there.
-Original Message-
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
On Behalf Of tee
Sent: Monday, 27 June 2005 1:33 PM
To: wsg@webstandardsgroup.org
Subject: Re: [WSG] Absolute position problem in IE
The site looks fine under IE6 on my PC. Nice job.
Thanks but are your sure the menu is working??? It obviously doesn't in my
IE 5/6 (both W2K and XP home); hover disappear and links are not clickable.
tee
I was working on a site that has 4 absolute divs for two png images, a
left column and a right column for menu. The two images work fine and
the left column seems working fine except it doesn't stay where I want
it to be, however the right column menu, links and hover are not working
at all.
This is the first time I have 4 absolute position wrapped in a
relative div, I was wondering if IE has issue with more than one absolute
div.
The page:
http://clients.lotusseeds.com
css: http://clients.lotusseeds.com/index.css
Thanks!
tee
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
**
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
**
Re: [WSG] Absolute position problem in IE
tee wrote: The site looks fine under IE6 on my PC. Nice job. Thanks but are your sure the menu is working??? It obviously doesn't in my IE 5/6 (both W2K and XP home); hover disappear and links are not clickable. tee Hi Tee: I just looked - and the menus aren't working for me. I downloaded most of your code and tried looking at it locally, and the menus started working! makes me wonder about the IE7 bit. (major sigh). so just copied IE7 over to that directory, and yes, IE6 has quit working in the menu. its something to do with IE7. Here's the low-down: on-line, through your site. IE6 and IE55 don't work; IE5.0 does (but who cares). In my download, locally: everything works. I add IE7 and then IE6 doesn't work but IE5.5 does. anyway, try putting a bad path in the IE7 stuff, easy to test that way. it never stops . Donna I was working on a site that has 4 absolute divs for two png images, a left column and a right column for menu. The two images work fine and the left column seems working fine except it doesn't stay where I want it to be, however the right column menu, links and hover are not working at all. This is the first time I have 4 absolute position wrapped in a relative div, I was wondering if IE has issue with more than one absolute div. The page: http://clients.lotusseeds.com css: http://clients.lotusseeds.com/index.css Thanks! tee ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help ** ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] Absolute position problem in IE
The two images work fine and the left column seems working fine except it doesn't stay where I want it to be, Tee, I figured this out. Change the width of your #leftColWrapper to 92px, the same as is in your books class. Small consolation though, in face of the Dean Edwards(IE7) conflicts, eh, but thought I'd pass it on. cheers Donna ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] Absolute position problem in IE
Thanks all, that is a quick and skillful diagnose :)
You've got his code for the current menu item:
li id=activea href=# id=currentKarate Overview/a/li
I would suggest you could incorporate your 'active' class into the 'current'
class and so do away with one of them. This itself could be causing
problems. BTW, I can't find a 'current' style in your CSS anywhere.
I must have accidentally deleted it when trying to figure what went wrong
with the code that prompted IE not working - never learn the lesson that
long hours of work in front of the computer can only result more mistake.
You also define height for the links when active but not in their normal
state. And I think this block here is your culprit:
#menu li#active a {
background: #fff;
width: 140px;
height: 28px;
color: #000;
}
Thanks! I will make a test and see if it makes the different. I do want the
height be 28px in active state.
Though exactly how to rectify it for your needs I couldn't say. Shouldn't
'active' be either a pseudo selector or a class.
Isn't 'a' (active a) belong to pseudo class?
Also, you might want to re-work your page layout a little so that you're
starting with an H1 and not an H2, then descend from there.
For unknown reason I never like to use H1. Under screen reader, I feel as if
h1 is shouting at me out loud from my screen. Does it matter if it doesn't
have h1?
tee
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
**
Re: [WSG] Absolute position problem in IE
Tee, I figured this out. Change the width of your #leftColWrapper to 92px, the same as is in your books class. Small consolation though, in face of the Dean Edwards(IE7) conflicts, eh, but thought I'd pass it on. cheers Donna Donna, I was going to make 3 more cups of super strong black sugar free Vietnamese coffee so that I have energy to figure this out. Thanks for rescuing me from caffeine :) tee ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
