Search Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

align <select> dropdown menu on the right edge of parent box

  • 2 பதிலளிப்புகள்
  • 4 இந்த பிரச்னைகள் உள்ளது
  • 7 views
  • Last reply by vasilhs81

Hello, I was wondering if you can help me about an issue i have with Firefox browser. I'm designing a webpage and i have a "<select>" menu with numerous options. On Firefox the left edge of the dropdown menu aligns to the left edge of the parent "<select>" box whereas in other browsers (Chrome, IE) aligns to the right. The entire menu, is located on the right edge of my page The result is when the innertext of an option is very long, exceeds the margins of the page and is cut. Is there any hidden option (css-fix), so that i could make dropdown menu align to the right of the parent box , just like other browsers? (I have some screenshots of the menu, but i don't know where to post them)

Thank you in advance!

Hello, I was wondering if you can help me about an issue i have with Firefox browser. I'm designing a webpage and i have a "<select>" menu with numerous options. On Firefox the left edge of the dropdown menu aligns to the left edge of the parent "<select>" box whereas in other browsers (Chrome, IE) aligns to the right. The entire menu, is located on the right edge of my page The result is when the innertext of an option is very long, exceeds the margins of the page and is cut. Is there any hidden option (css-fix), so that i could make dropdown menu align to the right of the parent box , just like other browsers? (I have some screenshots of the menu, but i don't know where to post them) Thank you in advance!

All Replies (2)

Could you post your Screenshot and code.

There is "browse" icon above POST REPLY button, it helps to add your image.

In the posted images, I 've isolated the dropdown menu and the three cases (firefox, chrome, IE)

Thanks again!