مشکل Div با listbox و dropdown

[mahdi_farhani]

سلام دوستان مشکل من اینه که یه div دارم که باید بالاتر از همه اشیاء روی صفحه نشون داده بشه ، روی هیچ صفحه ای مشکل ندارم ولی اگر تویه صفحه dropdown یا listbox ( همون select ، Html ) باشه Div میره زیر و dropdown ها میان رو
z-index هم تنظیم هست .......
-----------------------
این مشکل رو هم با منوی های ای که با استفاده از div توسط sothink ساخته میشه هست ، آیا راهی برای این مشکل هست .
***************************************
در ضمن dropdown ها و listbox هم در صورت disable شدن کل div نیز disable نمشن .
کلاً من با dropdown و div مشکل پیدا کردم .
مروگرری هم که فعلاً استفاده میکنم IE6

[tabib_m]

سلام
لطفا کد نمونه بذار...

[mahdi_farhani]

کد نمونه نمی خواهد دیگه ، این Drop Down بنداز داخل Div بعد Div رو Disable کن و یا سعنی کن Div بیاروی روی Dropdown قرار بدی .....

[tabib_m]

این Drop Down بنداز داخل Div بعد Div رو Disable کن و یا سعنی کن Div بیاروی روی Dropdown قرار بدی

واقعا انتظار داری droppdown رو بندازی داخل div بعد، دیو بیات روی اون؟؟ طبیعتا اجزای داخلی، در لایه ی بالاتری قرار میگیرن!!!

باز هم میگم، اگر میخوای منظورت کاملا مفهوم بشه، بهتره کد بذاری و دقیقا بگی با کد مذکور چه اتفاقی میخوای بیافته و چه اتفاقی داره میافته!

موفق باشید.

[mahdi_farhani]

وای که تو دیگه چقدر ......
اینم یه نمونه کد


<div style="border-right: #ccff33 1px solid; border-top: #ccff33 1px solid; ;
left: 146px; border-left: #ccff33 1px solid; width: 322px; border-bottom: #ccff33 1px solid;
position: absolute; top: 168px; height: 68px; background-color: navy; z-index: 103;">
</div>
<div style=" left: 224px; width: 136px; position: absolute; top: 182px;
height: 32px; border-right: yellow 1px dashed; border-top: yellow 1px dashed; border-left: yellow 1px dashed; border-bottom: yellow 1px dashed; background-color: red; z-index: 102;">
<asp:DropDownList ID="DropDownList1" runat="server">
</asp:DropDownList></div>

[oxygenws]

بهتره بهتر برخورد کنی رفیق!! اینجا کسی به تو بدهکار نیست!!

ضمنا، وقتی داری توی انجمن HTML و JavaScript صحبت می کنی، منطقا باید کد HTML بذاری و نه ASP!! به هر حال ممکنه ASP این کدت رو تغییر بده و نمایش بده!

[mahdi_farhani]

من هم که چیزی بدی نگفتم ، به هر حال اگر برداشت بدی کردی من معذرت می خواهم .
اینم همون کد به HTML




<div style="border-right: #ccff33 1px solid; border-top: #ccff33 1px solid; ;
left: 146px; border-left: #ccff33 1px solid; width: 322px; border-bottom: #ccff33 1px solid;
position: absolute; top: 168px; height: 68px; background-color: navy; z-index: 103;">
</div>
<div style=" left: 224px; width: 136px; position: absolute; top: 182px;
height: 32px; border-right: yellow 1px dashed; border-top: yellow 1px dashed; border-left: yellow 1px dashed; border-bottom: yellow 1px dashed; background-color: red; z-index: 102;">
<select name="DropDownList1" id="DropDownList1">

</select></div>

[tabib_m]

راستش نمی دونم چرا با IE مشکل داره (با فایرفاکس مشکلی نداشت)
هر چند انتظار داشتم اگر کد دیو اول رو بعد از دیو دوم بندازی کار کنه، ولی نکرد.

[oxygenws]

IE باگ داره و نمی تونه درست صفحه رو رندر کنه:
http://www.webmasterworld.com/css/3337315.htm

چرا از امکانات CSS و JS و استایل display یا visibility استقاده نمی کنی خوب؟!!

[mahdi_farhani]

از راهنمایتون ممنون ، میشه یه خرده بیشتر در مورد CSS و JS و استایل ........
بیشتر توضیح بدی ، این مشکلو چطوری میشه باCSS حل کرد . من که نتونستم .

[oxygenws]

اینو امتحان کن.


top
<div style="display: none;">
<select name="DropDownList1" id="DropDownList1"></select>
</div>
bottom

<br/>

top
<div style="visibility: hidden;">
<select name="DropDownList1" id="DropDownList1"></select>
</div>
bottom


این کد رو همینجا از حفظ نوشتم، اگر مشکلی داشت خودت هوشمندانه برطرفش کن!

[mahdi_farhani]

باز ممنون و لی اینطوری که از کد پیداست شما میخواهی لایه زیر رو مخفی کنی و لی من نمیخواهم اینطوری بشه چون لایه زیرین شامل اشیاء دیگه هم میشه ، خیلی بده که برای یه Loding کل صفحه مخفی بشه تا Loading کارش تمام بشه.

[oxygenws]

باز ممنون و لی اینطوری که از کد پیداست شما میخواهی لایه زیر رو مخفی کنی و لی من نمیخواهم اینطوری بشه چون لایه زیرین شامل اشیاء دیگه هم میشه ، خیلی بده که برای یه Loding کل صفحه مخفی بشه تا Loading کارش تمام بشه.
۱. چرا خیلی بد باشه؟؟؟؟
۲. خوب دور المان های مورد نظرت یه div بذار و بعد اون ها رو مخفی شون کن!!!

[mahdi_farhani]

حالا به فرضی هم که من تونستم اینکارو بکنم ..... با منو Sothink چی کار کنم اونهم همین مشکلو پیدا میکنه ، ماشالا این sothink هم که این قدر فایل js میسازه که آدم نمیدونه کجاشو تغییر بده .