Re: [WSG] Minimum width help
Hi Dean,
Not sure what these two styles are actually doing but it looks like
they're the cause within your menu.css
#p7TBMsub03 { padding: 0 0 0 150px; }
#p7TBMsub04 { padding: 0 0 0 210px; }
Removing them seems to fix the problem with no adverse effect.
Cheers
Dave
- - - - - - - - - -
Dave Woods
http://www.dave-woods.co.uk
On 24/10/2007, Dean Matthews [EMAIL PROTECTED] wrote:
Can someone explain why I am generating a horizontal scroll bar at
1024 width?
http://www3.andersrice.com/
Thanks,
Dean
***
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]
***
Re: [WSG] Minimum width help
Actually, further investigation, I've spotted what's happening.
You're hiding the submenu's using this
.p7TBMsub {
position: absolute;
visibility:hidden;
left: 0;
top: 0;
width: 100%;
}
But then you're forgetting that the 100% width is being combined with
the padding and therefore forcing your page out by 210px.
You could take my original suggestion and remove the padding but the
better suggestion would be just to remove the width: 100%;
You're applying it to a block element which by default is 100% anyway
but by not applying it, the width will take into consideration the
other padding you're applying automatically.
So, change your code to this and it should work ;o)
.p7TBMsub {
position: absolute;
visibility:hidden;
left: 0;
top: 0;
}
Although, I'm not sure whether using visibility: hidden; will be bad
for screenreaders as I know display: none; will and you're doing a
similar thing so you may be better going for the suckerfish menu
approach where you position the hidden menu using offscreen negative
positioning.
http://www.htmldog.com/articles/suckerfish/dropdowns/
But that's a different matter altogether.
Hope that helps.
- - - - - - - - - -
Dave Woods
http://www.dave-woods.co.uk
On 24/10/2007, Dave Woods [EMAIL PROTECTED] wrote:
Hi Dean,
Not sure what these two styles are actually doing but it looks like
they're the cause within your menu.css
#p7TBMsub03 { padding: 0 0 0 150px; }
#p7TBMsub04 { padding: 0 0 0 210px; }
Removing them seems to fix the problem with no adverse effect.
Cheers
Dave
- - - - - - - - - -
Dave Woods
http://www.dave-woods.co.uk
On 24/10/2007, Dean Matthews [EMAIL PROTECTED] wrote:
Can someone explain why I am generating a horizontal scroll bar at
1024 width?
http://www3.andersrice.com/
Thanks,
Dean
***
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]
***
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
RE: [WSG] Minimum width help
visibility: hidden does hide the content from screen readers the same as
display:none does.
-Original Message-
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
Behalf Of Dave Woods
Sent: 24 October 2007 22:04
To: wsg@webstandardsgroup.org
Subject: Re: [WSG] Minimum width help
Actually, further investigation, I've spotted what's happening.
You're hiding the submenu's using this
.p7TBMsub {
position: absolute;
visibility:hidden;
left: 0;
top: 0;
width: 100%;
}
But then you're forgetting that the 100% width is being combined with the
padding and therefore forcing your page out by 210px.
You could take my original suggestion and remove the padding but the better
suggestion would be just to remove the width: 100%;
You're applying it to a block element which by default is 100% anyway but by
not applying it, the width will take into consideration the other padding
you're applying automatically.
So, change your code to this and it should work ;o)
.p7TBMsub {
position: absolute;
visibility:hidden;
left: 0;
top: 0;
}
Although, I'm not sure whether using visibility: hidden; will be bad for
screenreaders as I know display: none; will and you're doing a similar thing
so you may be better going for the suckerfish menu approach where you
position the hidden menu using offscreen negative positioning.
http://www.htmldog.com/articles/suckerfish/dropdowns/
But that's a different matter altogether.
Hope that helps.
- - - - - - - - - -
Dave Woods
http://www.dave-woods.co.uk
On 24/10/2007, Dave Woods [EMAIL PROTECTED] wrote:
Hi Dean,
Not sure what these two styles are actually doing but it looks like
they're the cause within your menu.css
#p7TBMsub03 { padding: 0 0 0 150px; }
#p7TBMsub04 { padding: 0 0 0 210px; }
Removing them seems to fix the problem with no adverse effect.
Cheers
Dave
- - - - - - - - - -
Dave Woods
http://www.dave-woods.co.uk
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
RE: [WSG] Minimum width help
visibility: hidden does hide the content from screen readers the same as display:none does. And it may get your site banned from search engines if overused: http://www.google.com/support/webmasters/bin/answer.py?answer=66353 What I've done for accesskey code is use this: position: absolute; left: -px; width: 1px; From what I've learnt this allows access to the text to screen readers but regular browsers don't see it. I'm not aware of any SEO issues with this. Our site doesn't seem to have been affected... Paul *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] Minimum width help
On Oct 24, 2007, at 5:04 PM, Dave Woods wrote: You could take my original suggestion and remove the padding but the better suggestion would be just to remove the width: 100%; Thanks for the assist Dave. *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] Minimum width help
Not in Safari Dean! Tom On 24 Oct 2007, at 21:05, Dean Matthews wrote: Can someone explain why I am generating a horizontal scroll bar at 1024 width? http://www3.andersrice.com/ Thanks, Dean *** 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] ***
