Hi, can anyone help me, with what i assume is a common problem, where i have a dropdown list in the top right of my website. The problem is that on smaller screen resolutions the options in the dropdown disappear off the right hand edge of the window. Is
there any way that, using css and/or javascript, the edge of the window can be detected and the options get left aligned so they do not disappear outside of the browser?
Scout7
Member
76 Points
212 Posts
DropDownList - options going outside of browser window
Nov 16, 2012 12:41 PM|LINK
Hi, can anyone help me, with what i assume is a common problem, where i have a dropdown list in the top right of my website. The problem is that on smaller screen resolutions the options in the dropdown disappear off the right hand edge of the window. Is there any way that, using css and/or javascript, the edge of the window can be detected and the options get left aligned so they do not disappear outside of the browser?
Gaspard
Contributor
2066 Points
416 Posts
Re: DropDownList - options going outside of browser window
Nov 16, 2012 02:05 PM|LINK
CSS3 Media Queries may help
http://ie.microsoft.com/testdrive/HTML5/CSS3MediaQueries/
Regards
Scout7
Member
76 Points
212 Posts
Re: DropDownList - options going outside of browser window
Nov 16, 2012 02:43 PM|LINK
Thanks but i need a solution that does not rely on CSS3, it has to work in IE 6 and above and other browsers also.
roopeshreddy
All-Star
20277 Points
3349 Posts
Re: DropDownList - options going outside of browser window
Nov 17, 2012 01:44 AM|LINK
Hi,
Don't consider IE6, since it's depreciated!
I think you are using px for the width of the content! Instead use%. I mean width = 100% will fit to the browser window!
Hope it helps u...
Roopesh Reddy C
Roopesh's Space