Align select dropdown menu on the right edge of parent box

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!

Could you post your Screenshot and code.
There is "browse" icon above POST REPLY button, it helps to add your image.

Similar Messages

CSS Drop down menu; how to align the right edge of drop down and parent menu?

Hello everyone,
I have a drop-down menu that is currently working well.
The only change I need to make is to have the right edge of the drop-down menu to align with the right edge of the parent menu. When you hover over the menu, it currently "drops" down and to the right, with the left edges aligned.
I want the menu to "drop" down and to the left, so the right edges are aligned.
I have tried fiddling with floats and absolute/relative positioning. I'm not sure what needs to be changed.
Any help you can provide is greatly appreciated! I'm learning via "cut and paste", so please go easy on any terminology you may use.
Thank you!
Here is my code:
.chromestyle{
     width: 100%;
     font-weight: bold;
     float: left;
     height: 29px;
.chromestyle:after{ /*Add margin between menu and rest of content in Firefox*/
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
.chromestyle ul{
border: 0px solid #BBB;
width: 100%;
background: url(chromebg.gif) center center repeat-x; /*THEME CHANGE HERE*/
padding: 4px 0;
margin: 0;
text-align: right; /*set value to "left", "center", or "right"*/
.chromestyle ul li{
display: inline;
.chromestyle ul li a{
color: #000000;
padding: 4px 7px;
margin: 0;
text-decoration: none;
border-left: 1px solid #DADADA;
.chromestyle ul li a:hover, .chromestyle ul li a.selected{ /*script dynamically adds a class of "selected" to the current active menu item*/
background: url(chromebg-over.gif) center center repeat-x; /*THEME CHANGE HERE*/
/* ######### Style for Drop Down Menu ######### */
.dropmenudiv{
position:absolute;
top: 0;
border: 1px solid #BBB; /*THEME CHANGE HERE*/
border-bottom-width: 0;
font:normal 12px Verdana;
line-height:18px;
z-index:100;
background-color: white;
width: 200px;
visibility: hidden;
.dropmenudiv a{
width: auto;
display: block;
text-indent: 3px;
border-bottom: 1px solid #BBB; /*THEME CHANGE HERE*/
padding: 2px 5px;
text-decoration: none;
font-weight: bold;
color: black;
* html .dropmenudiv a{ /*IE only hack*/
width: 100%;
.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
background-color: #0000ff;
color: #fff200;

Try this:
.chromestyle{
     font-weight: bold;
     height: 29px;
.chromestyle:after{ /*Add margin between menu and rest of content in Firefox*/
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
.chromestyle ul{
border: 0px solid #BBB;
width:100%;
background: url(chromebg.gif) center center repeat-x; /*THEME CHANGE HERE*/
padding: 4px 0;
margin: 0;
text-align: left; /*set value to "left", "center", or "right"*/
.chromestyle ul li{
display: inline;
.chromestyle ul li a{
color: #000000;
padding: 4px 7px;
margin: 0;
text-decoration: none;
border-left: 1px solid #DADADA;
.chromestyle ul li a:hover, .chromestyle ul li a.selected{ /*script dynamically adds a class of "selected" to the current active menu item*/
background: url(chromebg-over.gif) center center repeat-x; /*THEME CHANGE HERE*/
/* ######### Style for Drop Down Menu ######### */
.dropmenudiv{
position:absolute;
top: 0;
border: 1px solid #BBB; /*THEME CHANGE HERE*/
border-bottom-width: 0;
font:normal 12px Verdana;
line-height:18px;
z-index:100;
background-color: white;
visibility: hidden;
text-align:left;
.dropmenudiv a{
width: auto;
display: block;
border-bottom: 1px solid #BBB; /*THEME CHANGE HERE*/
padding: 3px;
text-decoration: none;
font-weight: bold;
color: black;
* html .dropmenudiv a{ /*IE only hack*/
width: 100%;
.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
background-color: #0000ff;
color: #fff200;
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb

How to align menu to the right

Hi
How do I align a menu to the right? In the Design mode.
Previously I've used menuBar.add( Box.createHorizontalGlue() ), but I guess you should be able to do it without coding.
Using Netbeans 4.

How do I do that? Where?
" WARNING: Do NOT modify this code. The content of this method is always regenerated by the Form Editor."

The dropdown menu from the Creative Cloud icon on the menu bar keeps giving me the following message: "Download Error" I quit and restarted the creative cloud app to no avail. Running Mavericks on a mid 2011 iMac.

The dropdown menu from the Creative Cloud icon on the menu bar keeps giving me the following message: "Download Error" I quit and restarted the creative cloud app to no avail. Running Mavericks on a mid 2011 iMac.

Try below steps once
click Gear icon on the top Right corner and Quit Creative Cloud App
Click on Finder and then hold Command + Shift + G keys on your keypad
It will open Go to folder window, type exactly ~/Library and click on Go
Make sure to open ~/Library not /Library ( there will be two Library folders )
Then open Application Support > Adobe folders
Trash AAMUpdater and OOBE folders.
Then launch Creative Could and check.

The dropdown menu in the banner should be behind the text fields.

Hi Andy,
In our Application we have three Menus...The problem we are facing in that when ever we move the cursor, a drop down list will appear.. which is covering the text fields...
The dropdown menu in the banner should be behind the text fields.
Can u pls help me in this...
anoo..

Hi Anoo,
(You can actually ask questions to everyone, not just me!)
Normally, dropdown menus are supposed to be on top of all other items, so the user can pick an option from the menu. In fact, usually the problem is that select lists in IE appear on top of menus, not the other way around!
What you may have to look in to is adding a z-index value to items. Have a look at: http://msdn.microsoft.com/en-us/library/ms531188(VS.85).aspx
z-indexes determine the order in which items appear when two or more occupy the same space on the page. The higher the number the nearer to the top that item is. You can use negative or positive numbers. So, if item A has a z-index of 1 and item B has a z-index of 2, then item B will appear on top of item A.
A z-index can be set as a style on your menus:
<........ style="z-index:-1".....>Andy

Weird line on the right edge of the screen with fglrx and KDE Plasma

Hey there,
I am using an AMD Radeon R9 280X with the fglrx driver for my 2-monitor setup: One 1366x768 monitor on the left side, one 1920x1080 monitor on the right side. My current DE is Plasma with KDE 5, but the bug also existed (though not as bad) with Cinnamon.
Now to the problem: On the right edge of the screen is the 2-pixel-width vertical line currently in grey, which even exist in full-screen applications.
On Cinnamon the situation is a little bit different: Here it only appears sometimes, but then it flashes frequently, though full-screen applications cover it.
Interestingly I can hover my mouse pointer over it.
Here are two screenshots: One with the whole line and one showing the above described.
I configured my screens with amdccle and/or the KDE 5 display manager. Here's the generated xorg.conf:
Section "ServerLayout"
Identifier "amdcccle Layout"
EndSection
Section "Files"
FontPath "/usr/share/fonts/adobe-source-sans-pro/"
FontPath "/usr/share/fonts/cyrillic/"
EndSection
Section "Module"
EndSection
Section "ServerFlags"
Option "Xinerama" "off"
Option "RandR" "on"
EndSection
Section "Monitor"
Identifier "DFP6"
Option "VendorName" "ATI Proprietary Driver"
Option "ModelName" "Generic Autodetecting Monitor"
Option "DPMS" "true"
Option "Primary" "true"
EndSection
Section "Monitor"
Identifier "DFP7"
Option "VendorName" "ATI Proprietary Driver"
Option "ModelName" "Generic Autodetecting Monitor"
Option "DPMS" "true"
Option "LeftOf" "DFP6"
EndSection
Section "Monitor"
Identifier "0-DFP6"
Option "VendorName" "ATI Proprietary Driver"
Option "ModelName" "Generic Autodetecting Monitor"
Option "DPMS" "true"
Option "PreferredMode" "1920x1080"
Option "TargetRefresh" "60"
Option "Position" "1366 0"
Option "Rotate" "normal"
Option "Disable" "false"
Option "Primary" "true"
EndSection
Section "Monitor"
Identifier "0-DFP7"
Option "VendorName" "ATI Proprietary Driver"
Option "ModelName" "Generic Autodetecting Monitor"
Option "DPMS" "true"
Option "PreferredMode" "1366x768"
Option "TargetRefresh" "60"
Option "Position" "0 312"
Option "Rotate" "normal"
Option "Disable" "false"
EndSection
Section "Device"
Identifier "aticonfig-Device[0]-0"
Driver "fglrx"
Option "Monitor-DFP6" "0-DFP6"
Option "Monitor-DFP7" "0-DFP7"
BusID "PCI:1:0:0"
EndSection
Thanks for any help in advance
Last edited by Quanttek (2015-05-03 12:57:23)

ewaller wrote:Now that it interesting This only happens on the big screen?
Yes, this only happens on the big screen
ewaller wrote:Not that it matters (as the full screen display overwrites it), but what type of interface is it? HDMI, VGA?
DVI
ewaller wrote:What does the display report as its current resolution in the on screen menu?
It reports 1920x1080 as it's current resolution
As a test I changed the resolution to 1400x1050 in the KDE menu, but the monitor reports it as 1680x1050. Though the bug still persists.
ewaller wrote:What effects to you use in KDE? Although this is mitigated by your having had the problem with Cinnamon
I use the standard configuration of effects in KDE. But the bug persists even when I turn off compositing.
There is a small difference in the bug between Cinnamon and KDE: First off the line has a smaller width in Cinnamon and full-screen applications covered it.
Also it isn't an offset per se off the whole X screen, but instead only of the KDE/Cinnamon "workspace". E.g. windows snap with the line, but behind the flickering you can still see the current window, e.g. when moved to the right.
(Sorry for not answering for so long)
EDIT: Also the flickering gets more extreme the smaller the reosultion was I changed to inbetween http://i.imgur.com/WQ4fkmf.jpg
Last edited by Quanttek (2015-05-02 18:21:23)

Regarding pop up menu on the right click of a row of a table in a frame

hi to all,
i am a naive in applet and swing.
i have some proplem regarding table in a frame.
actually i want to open a pop up menu on the right click of a row of a table in the frame.please send the code regarding this.

Hi,
You're probably better off directing this to the swing forum but a starter for ten is the use of the MouseListener interface and the boolean isRightMouseButton method.
http://java.sun.com/docs/books/tutorial/uiswing/events/mouselistener.html
Regards,
Chris

How to add a dropdown menu to the search box (the 'search this site' box that appears on all subsites)

Hello there,
I know that in the search center you can add search verticals. Then you can configure the search box so it has a drop down menu so you can specify the result source you want to search.
But my question is about the 'search this site' box which appears on all subsites, so not the one in the search center. Is it possible to add the same dropdown menu to this box as in the search center?
Thanks in advance!

Hi,
According to your post, my understanding is that you wanted to add a dropdown menu to the search box.
You need to look at the Search Settings page that is located under the Site Collection Administration of the Site Settings.
Here are some similar blogs for your reference:
SharePoint 2013 Search Settings and Search drop down menu
Customizing Search Navigation on a SharePoint 2013 Publishing Site
Best Regards,
Linda Li
Linda Li
TechNet Community Support

How to enable Fullfillment set menu in the Right click at the line level for a responsibility?, by default it comes for OM ADMIN.

How to enable Fullfillment set menu in the Right click at the line level for a responsibility?, by default it comes for OM ADMIN.
for this responsibility i need to have teh sets enabled. how to do teh same.
similar to OM ADMIN as shown below:
Kindly advice on teh steps. i believe its some menu /function inclusion can you pl share teh pointer.
regards,
bala

AFAIK then there is no way to do that system wide. You can only do that via userChrome.css or an extension like the Menu Editor per profile .You can install extensions globally, but the user will have to enable them anyway. That is not required for userChrome.css code.

I inadvertently hid my history menu on the right side of the screen. How do I get it back?

I inadvertently hid my history menu on the right side of the screen. How do I get it back? I have CS5.5. Thanks.

Hi,
One way would be to go to Window>History to reshow the history panel.

New tab "+" button moved to the right edge; how to move it back?

It used to be (like yesterday) that when I had a number of tabs open, the "mini-tab" "+" (new tab) button would be to the right of the last tab. Now, suddenly, it's all the way towards the right edge of the browser window, regardless of how many tabs are open. If there are a small number of tabs open, there is unused space (where more tabs would go).
Okay -- so I'm change adverse -- how do I move the new tab "+" button over to the end of the list of tabs?
Thanks.

Although the "+" appears on the far right end of the bar when you are in Customize mode, it should slide over next to the last tab once you close out of Customize.
If it doesn't, I wonder whether something else could be in between, such as an old "flexible space" control? (These are no longer in the Customize dialog as an option, but I don't know whether old ones were removed.)
Following the old principle of turning it off and back on again, could you move the "+" to the main toolbar and exit Customize to save that, then go back into Customize and move it to the tab bar again, to see whether Firefox takes the hint?
''Edit: Forgot to include this link: [[Customize Firefox controls, buttons and toolbars]]''

Is there a "Select all keyframes to the right" command?

Say in a 16 minute composition, you want to select keyframes from 5 minutes to 16 minutes and shift them earlier in the timeline. Keyframes from 0 to 5 minutes do not change. Can you select multiple keyframes to the right of 5 minutes like this? Perhaps a similar command like in Final Cut pro where you're able to select all clips to the right of your playhead.
Thanks

Don't believe you can select all keyframes forward.
I take it the trick to select groups of keyframes - marquee-dragging - in the Keyframe Editor won't work for you here? Holding down Shift should constrain you to moving backwards and forwards in the timeline (and not, accidently, altering your actual values), in case that helps any...

The text is very small on the dropdown menu of the new adobe reader XI version 11.0.07, can I make it bigger?

The text is very small on the dropdown menu of the new adobe reader XI version 11.0.07, can I make it bigger?

Hi,
Please check the solution posted here:
Opened AR today font size in super small, went to "preferences" and so on, did changes, nothing works, what's the deal???
Best,
Luc

My bookmarks used to appear in dropdown menu from the address bar on my iMac G5. I switched to Mac Notebook & from Leopard to Lion. Now my bookmarks are not accessible from the address bar anymore (the line where you type in the website address)

'''My bookmarks used to appear in dropdown menu from the address bar on my iMac G5. I switched to Mac Notebook & from Leopard to Lion. Now my bookmarks are not accessible from the address bar anymore (the line where you type in the website address)'''

There appears to be a problem with Firefox 20 with UNC paths when using roaming profiles on a server.
*[[/questions/955140]] why is the 20.0 address bar unresponsive?
This is currently investigated and tracked via this bug report.
*[https://bugzilla.mozilla.org/show_bug.cgi?id=857672 bug 857672] - Address Bar not working (roaming profiles;UNC path support OS.File)
<i>(please do not comment in bug reports: [https://bugzilla.mozilla.org/page.cgi?id=etiquette.html])</i>

Dark band down the right edge of screen ? (17" MBP)

I'm afraid I'm being nitpicky after seeing all those other serious problems, but I'm curious. Let me know if I'm being a nit picker.
On my new 17" MBP (early 2009) with the glossy panel, there is a band of dark area (about 1 inch wide) down the right edge of the screen. It's more noticeable because it then gets brighter 1/4 inch from the edge. It's not that bad... and I doubt that it'd show up in a picture if I were to take one. But it's plainly noticeable when I set the desktop to a solid color.
Is that to be expected? Do you also notice it? I was hoping that uniformity would be better with LED backlighting. Or is this a uniformity issue?

hello,
no i don't think that is being too picky. sounds like a display defect, and it could get worse over time. i think you should take it back.
regards,

Align select dropdown menu on the right edge of parent box

Similar Messages

Maybe you are looking for