چرا قالب سایت تو اینترنت اکسپلورر بهم ریخته؟

[rwww 11]

سلام

دوستان قالب سایت من تو مرورگر کروم و فایرفاکس کاملا مرتبه ولی تو اینترنت اکسپلورر کاملا بهم ریختست!!! به نظر شما مشکل از کجاست؟ از css ؟

www.linkkadeh.ir

ویرایش شده خرداد 91 توسط rwww

[premier 142]

چیز عجیبی نیست!

بله css

2 راه:

1- نزاری کسی با اینترنت اکسپلورر بیاد تو سایت

2- ویرایش کنی فقط برای اینترنت اکسپلورر با کد:

<!--[if IE]>
<link rel="stylesheet" type="text/css" href="all-ie-only.css" />
<![endif]-->

[rwww 11]

چیز عجیبی نیست!

بله css

2 راه:

1- نزاری کسی با اینترنت اکسپلورر بیاد تو سایت

2- ویرایش کنی فقط برای اینترنت اکسپلورر با کد:

<!--[if IE]>
<link rel="stylesheet" type="text/css" href="all-ie-only.css" />
<![endif]-->

یعنی راهی نداره که تو 3 مرورگر درست نمایش داده شه؟

[premier 142]

یعنی راهی نداره که تو 3 مرورگر درست نمایش داده شه؟

فکرشم عذاب آوره !

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

[Akbar 441]

برای اجرای درست قالب در اینترنت اکسپلورر باید یک فایل css دیگه برای مرورگر اینترنت اکسپلورر درست کنی! و کدهایی که اینترنت اکپلورر میشناسه رو درونش بزاری!

[rwww 11]

برای اجرای درست قالب در اینترنت اکسپلورر باید یک فایل css دیگه برای مرورگر اینترنت اکسپلورر درست کنی! و کدهایی که اینترنت اکپلورر میشناسه رو درونش بزاری!

میشه بیشتر توضیح بدین؟

این css قالبه:

ol,ul,li{list-style-type:none}

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0 none;outline:0 none;font-size:100%;vertical-align:baseline;background:none repeat scroll 0 0 transparent;margin:0;padding:0}

body{font:11px tahoma;background-color:#abc7ef;margin:0;padding:0}

#tooltip{background-color:#F5F5F5;border:1px #cfcfcf solid;line-height:1.5em;color:#036;padding:5px}

*{margin:0;padding:0}

:focus{outline:0 none}

ul{list-style-position:inside;list-style-type:none;margin:0;padding:0}

a,a:visited{text-decoration:none;color:#333}

a:hover{color:#036}

input{font:11px tahoma;height:20px;margin:0;padding:0 3px}

.cls:after{content:".";display:block;height:0;clear:both;visibility:hidden}

#header{position:relative;height:170px}

#header .layer1{position:relative;width:929px;height:152px;margin:0 auto}

#header .header{position:absolute;width:100%;height:170px}

#header .container{position:absolute;top:18px;left:0;width:100%;height:152px;background:url() repeat-x}

#header .container .bg{background:url(http://linkkadeh.ir/wp-content/uploads/2012/06/header.png) no-repeat scroll center top transparent;height:152px;margin:0 auto}

#header .layer2{position:relative;width:973px;height:152px;margin:0 auto}

#header .info{position:absolute;top:15px;left:15px;width:328px;height:60px;line-height:24px;background:url(images/header-info.png) no-repeat scroll center center transparent;color:#fff}

#header .info div{margin:2px 10px}

#header .logo{position:absolute;top:-20px;right:75px;width:120px;height:133px;z-index:3}

#header .menu{position:absolute;bottom:0;right:250px;z-index:3;height:33px}

#header .search{bottom:12px;direction:rtl;height:23px;left:-5px;position:absolute;width:246px;z-index:3}

#header .search button{background:url(images/btn-search.png) no-repeat scroll center center transparent;float:left;font:11px tahoma;height:31px;margin-left:6px;width:36px;cursor:pointer;border-style:none}

#header .search input{background:url(images/box-search.png) no-repeat scroll 0 0 transparent;border:medium none;float:right;height:31px;margin-top:0;width:198px}

#header .menu ul li{float:right;display:block;width:110px;height:32px;background:url(images/menu-item-bg.png) no-repeat scroll center 3px transparent;line-height:30px;text-align:center;margin:0;padding:0}

#header .menu ul li:hover{background:url(images/menu-item-bg.png) no-repeat scroll center -31px transparent;}

#header .menu ul li a{color:#fff;Padding-top:2px;display: block;}

#header .menu ul li a:hover{color:#111;text-decoration:none}

#wrapper{width:973px;margin:0 auto}

#wrapper .main{margin-right:22px}

#col-one .right{float:right;width:214px;height:154px;background:url(http://linkkadeh.ir/wp-content/uploads/2012/06/jamee.png) no-repeat scroll center top transparent}

#col-one .left{width:732px;height:154px;overflow:hidden}

#col-one .left ul li{float:right;height:36px;width:180px;background:url(images/col-one-item-bg.png) no-repeat scroll center center transparent;margin:0 3px 3px 0}

#col-one .left ul li div{float:right;width:20px;height:36px;background-repeat:no-repeat;background-position:center center;margin:0 8px 0 4px}

#col-one .left ul li span{line-height:33px;text-align:right;display:block}

#col-hot .right{float:right;width:214px;height:154px;background:url(http://linkkadeh.ir/wp-content/uploads/2012/06/consultation.png) no-repeat scroll center top transparent}

#col-hot .left{position:relative;width:729px;height:154px;overflow:hidden;background:url(images/hot-left-bg.png) no-repeat scroll center top transparent}

#col-hot .left .arrow_right{position:absolute;right:0;top:0;width:50px;background:url(images/right-arrow.png) no-repeat scroll left center transparent;height:154px;cursor:pointer}

#col-hot .left .arrow_left{position:absolute;left:0;top:0;width:50px;background:url(images/left-arrow.png) no-repeat scroll right center transparent;height:154px;cursor:pointer}

#col-hot .left .contents{direction:rtl;margin:0 50px}

#col-hot .left .contents .content{width:50%;float:right;height:154px;text-align:right}

#col-hot .left .contents .content .inner{line-height:1.6em;margin:25px 10px}

#col-hot .left .contents .content .inner .text{text-align:justify;margin-top:5px;direction:rtl;height:74px;overflow:hidden}

#col3 .right{float:right;width:601px;margin-top:4px;}

.box{float:right;width:298px;height:280px;margin-bottom:5px;text-align:right;direction:rtl;background:url(images/box-bg.png) no-repeat scroll center top transparent}

.box-single{border-bottom:1px dashed #cfcfcf;margin:5px}

.box-text{text-align:justify;margin-top:5px;direction:rtl;height:74px;line-height:1.6em;overflow:hidden;margin-bottom:5px}

.tc{color:#f90}

.tc2{color:maroon}

.box ul{line-height:1.6em;margin:0 5px}

#col3 .left{float:left;width:345px;margin-top:4px;}

#col3 .left a.signup,a.signup:visited{display:block;width:345px;height:101px;background:url(images/1.gif) no-repeat scroll center center transparent;margin:0 auto 5px}

.box2{background-color:#fcfcfc;border:1px solid #cfcfcf;text-align:right;direction:rtl;margin-bottom:5px}

.box2 ul{line-height:1.6em;margin:5px}

.cls li h1{font-weight:400}

#footer{background-color:#0A7EBF;margin:15px auto;border-top:1px solid #444444;float:left;}

#content-footer{color:#FFFFFF;direction:rtl;line-height:1.6em;margin:0 auto;padding:10px;text-align:right;width:973px;}

.col1{float:left;width:180px;padding-bottom:5px;}

.col1 .center-footer{text-align:left;direction:ltr;margin-top:80px;}

.col1 .center-footer div{padding-top:5px;}

.footer-logo{background:url(images/footer-logo.png);width:149px;height:22px;overflow:hidden;cursor:pointer;}

.footer-logo:hover{background:url(images/footer-logo.png)repeat scroll 0 -27px transparent;width:149px;height:22px;overflow:hidden;}

.col2{float:left;width:150px;padding-bottom:5px;}

.col2 ul li{

float:right;

display:inline;

padding-left:10px;

}

.col2 ul {padding:125px 20px 0px 0px;}

.col2 #facebook{

background:url(images/footer-facebook.png) no-repeat;

width:32px;

height:33px;

cursor:pointer;

}

.col2 #rss{

background:url(images/rss.png) no-repeat;

width:33px;

height:32px;

cursor:pointer;

}

.col2 #mail{

background:url(images/email.png) no-repeat;

width:35px;

height:36px;

cursor:pointer;

}

.col3{float:left;width:200px;padding-bottom:5px;margin-left:10px;}

.col3 .top-footer{background:url('images/RSS-2.png') no-repeat;height:32px;width:32px;float:right;}

.col3 .center-footer{float:left;}

.col3 .center-footer form p input{float:left;margin:5px 0;text-align:left}

.col3 .center-footer form span{float:left;text-align:justify;}

.col3 .center-footer form{padding-top:22px;}

.col3 .center-footer form input[type=text]{float:left;margin:0px 0;}

.col3 .center-footer form input[type=submit]{float:right;margin:5px 0;cursor:pointer;padding-bottom:2px;}

.col4{float:left;width:200px;padding-bottom:5px;margin-left:10px;}

.col4 .top-footer{background:url('images/fav.png') no-repeat;height:32px;width:32px;float:right;}

.col4 .center-footer{width:200px;float:left;}

.col4 .center-footer ul li,.col5 .center-footer ul li{list-style-image:url("images/check.png");}

.col5{float:left;width:200px;padding-bottom:5px;margin-left:15px;}

.col5 .top-footer{background:url('images/cat.png') no-repeat;height:32px;width:32px;float:right;}

.col5 .center-footer{float:left;width:200px;}

.col5 .center-footer ul li a{color:#fff;}

.col5 .center-footer ul li a:hover{color:#000;}

#imags{padding:2px 4px 2px 0}

#imags .im{float:right;width:74px;height:74px;background-color:#fff;border:1px solid #d9d9d9;margin:3px;padding:1px}

#imags .im img{width:100%;height:100%}

.avatar img{height:96px;padding-left:10px;padding-right:5px;width:96px;padding-bottom:5px;border:1px soild #eee}

.box3{position:relative;background-color:#fff;border:1px solid #cfcfcf;text-align:right;direction:rtl;margin-bottom:5px}

.rad8{-moz-border-radius:8px}

.box3 .title{line-height:24px;border-bottom:1px dashed #cfcfcf;padding-right:5px}

.box3 .content{text-align:justify;direction:rtl;line-height:1.6em;margin:5px}

.box3 .content p{line-height:1.6em;margin:5px auto}

.box3 .info{position:relative;border-top:1px dashed #cfcfcf;line-height:1.6em;text-align:right;margin:8px 0;padding:5px}

.box3 .share{position:absolute;top:5px;left:5px}

ul#subs{line-height:1.6em;margin:0;padding:0}

ul#subs li{display:block;float:right;height:25px;line-height:23px;width:50%}

ul#subs li:hover,li.hover{background-color:#f9f9f9;cursor:pointer}

.page-content{border-bottom:1px dashed #CFCFCF;direction:rtl;height:84px;line-height:1.6em;overflow:hidden;padding-left:5px;text-align:justify}

.page-content img{border:2px solid #D9D9D9;float:right;height:70px;width:70px;margin:5px}

.pages{margin:8px}

.content img{max-height:auto;max-width:590px}

.alignleft{float:left;padding-right:10px}

code{direction:ltr;text-align:left}

.home-box,.home-box2,.home-box3{height:110px;overflow:hidden;float:right;margin-right:10px;width:98%}

.next{width:19px;height:10px;background-image:url(images/down.png);cursor:pointer;float:left}

.prev{width:19px;height:10px;background-image:url(images/up.png);cursor:pointer;float:left}

.gallery{display:block}

#date-farsi{direction:rtl}

#date-en{direction:ltr}

#peyvand{border:1px dashed #333;display:block;float:left;height:20px;margin-bottom:5px;margin-top:10px;padding-bottom:6px;padding-top:5px;width:98%;text-align:center}

#item-pic{background-image:url('images/gallery.png')}

#item-cinama{background-image:url('images/cinama.png')}

#item-pezeshki{background-image:url('images/pezeshki.png')}

#item-news{background-image:url('images/news.png')}

#item-elmi{background-image:url('images/elmi.png')}

#item-fanavari{background-image:url('images/fanavari.png')}

#item-tanz{background-image:url('images/tanz.png')}

#item-tarfand{background-image:url('images/tarfand.png')}

#item-majale-khanevade{background-image:url('images/majale-khanevade.png')}

#item-lebas{background-image:url('images/model-lebas.png')}

#item-fal{background-image:url('images/fal.png')}

#item-masael-zanashoei{background-image:url('images/masael-zanashoei.png')}

#item-narmafzar{background-image:url('images/narmafzar.png')}

#item-mobil{background-image:url('images/mobil.png')}

#item-book{background-image:url('images/e-book.png')}

#item-design{background-image:url('images/design.png')}

.attachment-thumbnail{-moz-border-radius:3px;border-radius:3px;background:#ddd;padding:5px}

.attachment-thumbnail:hover{border:2px solid #ddd;background:#ccc}

#author,#email,#url{border:1px solid #BBB;margin-bottom:3px;font-size:9pt;padding:0 5px}

#comment{border:1px solid #BBB;width:98%;font-size:9pt;font-family:tahoma;padding:5px}

#submit{-moz-border-radius:3px;border-radius:3px;margin-top:3px;background:0 color-stop(100%,#cccccc));filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee',endColorstr='#cccccc',GradientType=0);border:0;height:30px;width:75px}

#submit:hover{height:30px;width:75px;cursor:pointer;border:0;background:0 color-stop(100%,#A5A5A5));filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee',endColorstr='#A5A5A5',GradientType=0)}

.comment-author .avatar{background:0 color-stop(100%,#cccccc));filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee',endColorstr='#cccccc',GradientType=0);-moz-border-radius:4px;border:1px solid #999;height:50px;width:48px;padding:5px}

.comment-body{border:1px solid #CCC;margin-bottom:3px;-moz-border-radius:4px;border-radius:4px;padding:5px}

.comment-warp{margin-top:15px;border:1px solid #CCC;padding:5px}

.comment-author{border:1px solid #CCC;padding:4px}

.commentlist{width:568px;padding:5px}

.comment-meta a:first-child{background:url(../img/cal.png) no-repeat scroll right 0 transparent;display:block;font-size:8pt;font-weight:400;height:32px;padding-right:35px;padding-top:5px;width:180px;float:right}

.comment-edit-link{font-size:8pt!important;font-weight:400!important;float:left;height:32px;padding:5px 0 0 10px}

.comment-body p{clear:both}

.postcomment{margin-top:5px;padding:5px}

.cancel-comment-reply{padding:5px}

.children li{-moz-border-radius:5px;border-radius:5px;background:#eee;margin-right:10px;padding:5px}

.comment-author cite,.comment-author span{vertical-align:top;padding-right:5px;font-style:normal}

.chk-mail{margin-right:215px}

#col-one,#col-hot,#col3,.div-comment#{margin-top:5px}

.inner h4,.box-single div h2,.box-single h2{font-weight:400;height:16px;overflow:hidden}

a.lt1,a.lt1:visited,a.lt2:hover{color:#838383}

a.lt1:hover,a.lt2,a.lt2:visited{color:#369}

#col-hot .left .contents .content .inner img,.box-text img{float:right;border:2px solid #d9d9d9;margin-left:5px;width:70px;height:70px}

.box .title-box,.box2 .title{line-height:24px;padding-right:5px;border-bottom:1px dashed #cfcfcf}

.box ul li,.box2 ul li{width:100%;display:block;float:right;margin:3px 0;padding:0}

[Akbar 441]

به این لینک مراجعه کنید.

چگونه قالب را با اینترنت اکسپلورر سازگار کنیم؟

[oMid 2114]

این مشکل به دلیل نبود استانداردهای استایل قالب شما می باشد.شما برای رفع این مشکل می توانید از کامنت های شرطی مرورگر ie استفاده کنید و یا برای کاربرانی که با مرورگر ie وارد می شوند قالبی جدا تعریف کنید...#

[rwww 11]

خوب اگه من بخوام وقتی یه کاربر با اینترنت اکسپلورر وارد میشه پیغام خاصی نشون بده چیکار کنم؟

[oMid 2114]

این پست ها را مطالعه فرمایید:

http://www.taktemp.com/1389/05/%D8%AC%D9%84%D9%88%DA%AF%DB%8C%D8%B1%DB%8C-%D8%A7%D8%B2-%D9%88%D8%B1%D9%88%D8%AF-%DA%A9%D8%A7%D8%B1%D8%A8%D8%B1%D8%A7%D9%86-%D8%AA%D9%88%D8%B3%D8%B7-%D8%A7%DB%8C%D9%86%D8%AA%D8%B1%D9%86%D8%AA-%D8%A7/

http://blog.datisdesign.com/1388/05/%DA%A9%D8%A7%D8%B1%D8%A8%D8%B1%D8%A7%D9%86-%D8%B1%D8%A7-%D9%85%D8%AC%D8%A8%D9%88%D8%B1-%DA%A9%D9%86%DB%8C%D8%AF-%D9%85%D8%B1%D9%88%D8%B1%DA%AF%D8%B1%D8%B4%D8%A7%D9%86-%D8%B1%D8%A7-%D8%A8%D9%87-%D8%B1/

[rwww 11]

این پست ها را مطالعه فرمایید:

 http://www.taktemp.com/1389/05/%D8%AC%D9%84%D9%88%DA%AF%DB%8C%D8%B1%DB%8C-%D8%A7%D8%B2-%D9%88%D8%B1%D9%88%D8%AF-%DA%A9%D8%A7%D8%B1%D8%A8%D8%B1%D8%A7%D9%86-%D8%AA%D9%88%D8%B3%D8%B7-%D8%A7%DB%8C%D9%86%D8%AA%D8%B1%D9%86%D8%AA-%D8%A7/ 

 http://blog.datisdesign.com/1388/05/%DA%A9%D8%A7%D8%B1%D8%A8%D8%B1%D8%A7%D9%86-%D8%B1%D8%A7-%D9%85%D8%AC%D8%A8%D9%88%D8%B1-%DA%A9%D9%86%DB%8C%D8%AF-%D9%85%D8%B1%D9%88%D8%B1%DA%AF%D8%B1%D8%B4%D8%A7%D9%86-%D8%B1%D8%A7-%D8%A8%D9%87-%D8%B1/ 

یسیار ممنون

فقط به نظر شما میشه کاری کرد که این پلاگین هشدار را برا کل ورژن های اکسپلورر نمایش بده ؟ چون الان 6 به پایین هشدار میده!

http://wordpress.org/extend/plugins/shockingly-big-ie6-warning/

[oMid 2114]

والا بنده با این ترفندها کار نکرده ام.ترجیح می دهم استادان ما نظر بدهند...#

[Parsa 23463]

ایجاد صفحه جلوگیری برای IE6-7-8

نمایش ندادن بخشی از پوسته در IE6 و IE7