Re: [WSG] horizontal scroll on menu
You do want to set the width on that div, that way the nested elements stretch to its width. kvnmcwebn wrote: brillant thanks, Adding overflow: hidden; to .navcontainer ul does exactly what i need it to in firefox-i.e didnt respond to it. http://www.mcmonagle.biz/otinavtest.htm Ted: Adding the overflow: y-scroll property takes care of ff and ie. -thanks Joseph: I tried wrapping the lot in the below div but it dosnt have any effect and the other elements are just li so i might be missing something. #fakewrap{ width:0px; padding: 0px; margin: 0px; } thanks a mill -best kevin ** 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] horizontal scroll on menu
brillant thanks, Adding overflow: hidden; to .navcontainer ul does exactly what i need it to in firefox-i.e didnt respond to it. http://www.mcmonagle.biz/otinavtest.htm Ted: Adding the overflow: y-scroll property takes care of ff and ie. -thanks Joseph: I tried wrapping the lot in the below div but it dosnt have any effect and the other elements are just li so i might be missing something. #fakewrap{ width:0px; padding: 0px; margin: 0px; } thanks a mill -best kevin ** 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] horizontal scroll on menu
There is the overflow-y: scroll; property to force a scroll bar on the vertical axis. You will still need to manage the width of your list to work with the new scrollbar. Ted -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of kvnmcwebn Sent: Tuesday, November 15, 2005 9:02 AM To: wsg@webstandardsgroup.org Subject: [WSG] horizontal scroll on menu Hello, A client has requested that a long menu be contained in a fixed hieght situation with a vertical scroll bar. Im doing a test with code from the list o matic site. Heres an example. http://www.mcmonagle.biz/otinavtest.htm the problem is that its hard to loose the horizontal scroll bar and get right to the edge of the list blocks. Especially in fire fox. I would prefer to keep the styled borders so i need a fix. my question: Is there anyway to fool browsers into "thinking" that the list container and/or list blocks are narrower than they are? -best kevin ** 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] horizontal scroll on menu
This appears to be a box model width issue. You have a couple of options. 1. Use a hack to send a thinner width to firefox (adds padding to width) 2. Remove any padding/margins/borders from elements that have a specified width 3. My favorite (and in discussion currently on this list) is to wrap your padded elements with a div that states the width and 0 padding and margins) Joe Taylor http://sitesbyjoe.com kvnmcwebn wrote: Hello, A client has requested that a long menu be contained in a fixed hieght situation with a vertical scroll bar. Im doing a test with code from the list o matic site. Heres an example. http://www.mcmonagle.biz/otinavtest.htm the problem is that its hard to loose the horizontal scroll bar and get right to the edge of the list blocks. Especially in fire fox. I would prefer to keep the styled borders so i need a fix. my question: Is there anyway to fool browsers into "thinking" that the list container and/or list blocks are narrower than they are? -best kevin ** 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] horizontal scroll on menu
You could try adding overflow: hidden; to .navcontainer ul which removes the horizontal scrollbar for me, not tested in IE only firefox. Hope thats of use. kvnmcwebn wrote: Hello, A client has requested that a long menu be contained in a fixed hieght situation with a vertical scroll bar. Im doing a test with code from the list o matic site. Heres an example. http://www.mcmonagle.biz/otinavtest.htm the problem is that its hard to loose the horizontal scroll bar and get right to the edge of the list blocks. Especially in fire fox. I would prefer to keep the styled borders so i need a fix. my question: Is there anyway to fool browsers into "thinking" that the list container and/or list blocks are narrower than they are? -best kevin ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help **