Position of DropDownlist affected by parent CSS

[Chris Griffin]

Have a problem where the position of the drop down portion of a RadCombox is skewed by the parent css.  More specifically, position:relative.  Where can I find the css class to affect the drop down manually?  Changing the parent css is not an option.  Please help .

[Chris Griffin]

Bump Post.  This is important and I would appreciate any help.

[Yana]

Hello Chris,

Could you please send us a live url where we could observe this issue? Thanks

Regards,
Yana
the Telerik team

Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.

[WebDevIce9]

I have the same issue. Any new suggestions on this? 

[WebDevIce9]

*Solution* (well for me it is. Since the poster cannot change the parent css this will not work for him).

The Rad combobox uses javascript to calculate the position of a div with the id of rcbSlide. So, it makes this calc based on the outmost div it is contained in. If that outermost div on your page or master page is position=absolute and there other style adjusting left/right etc... it will jack up the calculation and position the dropdown OFF by whatever is in your left/right css style setting.  Below you will see the css I commented out on the master pages outer most div. You will also see my new code (uncommented). It now takes the default position (which is relative) and adjusts the margins dynamically for a more liquid window WITHOUT the radcombobox dropdown going off into la la land. SHORT ANSWER: get rid of position: absolute in your outer most div's css. Then try to duplicate your window's liquid style differently.

/* outermost div */

#wrapper

{ 

width: 978px;

/*

position: absolute;

top: 40px; 

left: 50%;

width: 978px;

margin-left:-480px;

margin-top: 0px;

*/

margin-left:auto;

margin-right:auto;

background-color: #f8f4f1;

border: solid 2px #371a00;

}

On a side note you can overwrite any style for the drop down list with this type of functionality in your page or css. Not sure why you would want to, but hey it's a tool you may need. 

<style type ="text/css">

.rcbSlide 

{

position:aboslute !important;

left:50px !important;

}

.rcbList

{

}

</style>

[Ali]

My problem same and Resolved by this solution.
!Important in CSS is very important.
Thanks a lot.