با css اما ظاهری نامناسب(سوال)

[fahimehf]

من ظاهر صفحه اصلیم تماما با سی اس اس طراحی شده.
مسلما توی سیستم خودم همه چیز سرجاش اما تو سیستمای دیگه شکلا جابجا نشون داده می شند و اصلا چهره خوبی نداره.
بنظر شما باید چیکار کنم تا این مشکل بزرگ حل بشه.

 

[PC man]

احتمالاً در سیستم دیگه از مرورگری جداگانه استفاده می کنید و یا نسخه مروگر تفاوت داره.

 

[fahimehf]

خب راه حل چیه؟
اینطوری که سایتم اصلا کاربرد نداره.

 

[PC man]

این طور که فکر می کنید نیست.باید استایل اونا رو طوری تنظیم کنید که با بیشتر مرورگرها سازگاری داشته باشد

 

[mohseni12345]

خب راه حل چیه؟
اینطوری که سایتم اصلا کاربرد نداره.

خوب شما استایلت استاندارد نیست اگه میشه بزار تا مشکلاتشو اگر تونستم برطرف کنم

شما قالب وبلاگ منو ببین تمامش از css هست ولی توی تمام مرورگر ها کار می کنه http://m-vb6.blogfa.com/
firefox , opera , internet explorer , netscape اینا رو خودم چک کردم مشکلی نداشت

 

[fahimehf]

مثلا کد پایین :
<style type=text/css>
#Banner
{
position:absolute;
height=135;
width=800;
top=0px;
right:100px;
left:100px;
z_index=0;
}
#MainMenu
{
position:absolute;

top=136px;
right:100px;
left:100px;
z_index=0;
}
برای استفاده از اینها از کد زیر استفاده می کنم.
<div id="Banner" style="visibility: visible">

 

[mohseni12345]

اشتباه اولت اینه که جلوی هر خصوصیت مساوی = می زاری
اشتباه دومت اینه که برای height , width واحد اندازه گیری نزاشتی (px , em , ex, pt,im , pc, mm ,cm اینا همه واحد های اندازه گیری هستند)
اشتباه سومت اینه که به جای منها یا همون دش)dash -( از آندر لاین (_ under line) استفاده کردی مثل "z-index: 0;"

اصلاح شده ی کد شما میشه این کد

#Banner
{
position:absolute;
height:135px;
width:800px;
top:0px;
right:100px;
left:100px;
z-index: 0;
}
#MainMenu
{
position:absolute;
top:136px;
right:100px;
left:100px;
z-index:1;
}

من مشکل دیگه ای رو توش ندیدم اما اگر باز هم مشکل داشت بگید تا یه نگاه با دقت دیگه بهش بندازم

 

[fahimehf]

تشکر از راهنماییتون ، درست شد.

 

[echessdesign]

و مشکلی که خود را نشان خواهد داد، زمانی که مقدار خصیصه position را برابر absolute میگیرید، با ریسایز کردن، انتظارات شما اعمال نمیشه،...

 

[fahimehf]

جناب echessdesign من متوجه نشدم!
لطفا بیشتر توضیح بدید!
ممنون

 

[echessdesign]

زمانی که مقدار خصیصه position برابر با absolute باشه، معمولا فاصله نسبت به مختصات صفحه بر حسب پیکسل داده می شه. و اگر در ابتدا تفکر شما طراحی سایتی با قابلیت ریسایز شدن داشته باشه، شما رو دچار مشکل می کنه. مگر اینکه مختصات بر حسب div مادر داده بشه