Jump to content
Sign in to follow this  
randomdejyahoocom

Oversize select in feature box not working

Recommended Posts

randomdejyahoocom    0
randomdejyahoocom

I've put an oversize select/dropdown (about 300px) into one of my feature boxes, the leftmost one. It extends all the way through the leftmost box and about a third of the way into the center box, so that the down arrow is in the center box. Bad design, I know, but I can't get a max-width property to work cross-browser, you know how it is. The oversize dropdown is affected by a strange bug. When you try to click on the down arrow, you can't. You can click on the part of the select box that is /within/ the leftmost box, but not the part of the dropdown that extends into the center box. I can't figure out why this is, but some of my users who frequent the dropdown have notified me and I need to fix it somehow. Here's the page: http://tyndale.edu/students/#campus The affected dropdown is the "3. Course" one, but it's partially hidden by Javascript. Please click on "2. Department" dropdown first and choose the "ANTH" option to make it show up. I really appreciate all help on this! I need either a solution to make the down arrow work, OR a cross-browser max-width solution so that the dropdown will wrap into the leftmost box. Thanks! (If it helps, I'm using WHP3.1.5 and WP 3.0.5)

Share this post


Link to post
Share on other sites
Jenny    33
Jenny
This is happening because the content within the drop down box is wider than the box width. To fix this, why not make the boxes row only include two boxes and put the other box's info somewhere else?

Jenny :: Web designer at Simple Mama (follow me at @simplemamacom)

Check out Share Me, a social sharing add-on for DMS that is super simple to set up.

Share this post


Link to post
Share on other sites
randomdejyahoocom    0
randomdejyahoocom
I tested your idea by removing the Account box to give more room to the Online Campus box. Unfortunately, the Email box slid to the left and I was stuck again. So I rearranged all three boxes to put Online Campus on the far right. And now the select box, which extends /over/ the context area into the gray matter, works! So... your idea didn't work, but it did give me a better idea. Thanks. :) Just curious, though: do you know why the select wouldn't work in the leftmost area? Why would the arrow work if it's in the gray matter, but not if it's in the next feature box?

Share this post


Link to post
Share on other sites
catrina    103
catrina
Maybe there was an invisible element blocking it (perhaps a DIV that was transparent and overlapping).

Please read the docs before posting. Please do not private message me unless I ask you to.

Designer | Catrina Dulay

Founder | Catrina and Mouse

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

Sign in to follow this  

×