Need some help to figure a block

Hi all,

I am having a hard time trying to figure why the dropdown box is going way off the block.

I have attached two screen shots. You can also at my site at http://premnagar.com

I am an old school guy, so any help is really appreciated. Thanks in advance folks.

Cheers

increase the right column size in page builder.

Thanks, I tried doing that before, it was making it look big. I am puzzled as to why the above dropdown list is normal and just these one are huge. Shouldn't they be the same width as above? That's my puzzle!!

The width of them depends on the content.

Example if all of the words are short.

The
If
he
she
male
female

Then the width will be narrow.

Add a longer item to that list for example

aerothermodynamics

Than the drop down will widen to fit the width of the longest word.

Thanks, I tried adding  longer word, and it pushed it out the page. Any thoughts??

 
I think you misunderstood.

Adding a longer word is what will make it longer then the other one. I was trying to explain why one in your first image is shorter than the other one. The length of the words will change the width of the drop downs.

 You know common sense is not common 

 If there is CSS controlling it you can set the width of the input box to a fixed width that will display correctly on the page.  When you click the drop-down it will display the whole width so you can read the entries.  Make a selection and it will show truncated in the input box but be completely selected.  This is old school stuff so is nothing new.

OK, I played with this a bit.  The select tag is held in a division; my guess is to apply some "prettiness" to it.  The select tag is already in a table cell so there is really no need for the division expect to play with how it appears.  How much do you know about HTML and CSS?  Because you will need to know both to fix the problem. 

OK, two things you can do to help fix this.  First, change "Choose Your Religion" to just "Religion" as it is self evident that is what they are doing; that will save you some space for the input tag.  Now in the CSS and I have no idea which style sheet at the moment; you need to find the CSS that is controlling the division that the select tag is sitting in.  That is:

If you notice in the CSS code, they are controlling several different classes with one entry.  What I would do would be to pull out the input_wrapper_select_box and add it below the others so that I am only changing that one and not all of them.  Multiple classes are group that way when you want to control all with a single bit of CSS; but it means changing anything changes it for all.

.input_wrapper_select_box {

    background-color: #FFFFFF;

    border: 1px solid #999999;

    margin-bottom: 1px;

Thanks folks, I took your advice and managed to fix it. Geek_girl, many thanks to you too. You were right the CSS stuff. I don't have much clue about fixing CSS and your example's was perfect. Thanks all once again.

Cheers