مشکل قالب با IE9 « انجمن وردپرس فارسی

سلام قالب من در IE9 خیلی به هم ریختست
من دوباره قالب رو نصب کردم مشکلی نداشت اما وقتی در header.php بعضی چیزارو تغییر میدم مثلا اسم گالری عکس رو به بازی تغییر میدم کل قالب در Ie9 به هم میریزه!

لطفا من رو راهنمایی کنید

در ضمن این اشکال ها رو هم به قالب من گرفته
http://validator.w3.org/check?uri=www.mashhadmob.com&charset=%28detect+automatically%29&doctype=Inline&group=0

چطور باید این اشکالارو برطرف کنم؟
منظور از اینکه به < یا > گیر داده چیه؟

خب ببین این مورد ها به قلب شما بر میگرده که استاندارد نیست
و برای مرورگرهای مختلف هماهنگ نشده
شما اگه به html و css واقف هستی باید وقت بذاری ایرادات رو برطرف کنی و برای مرورگر اکسپلورر استایل جدا بسازی
اگه هم به html و css واقف نیستی بهتره به سایتهای آموزشی این دو مبحث سری بزنی و بعد دست بکار بشی و قالبت رو ادیت کنی
چون اینجور کارها به خوده وردپرس مربوط نیست

کاربران زیر به‌خاطر این نوشته تشکر کرده‌اند:
miladka - Morteza

/*
Theme Name: epatogh
Theme URI: http://azinweb.com/
Author: pamenary@gmail.com
Version: 1.0
*/

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:#edfced;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(images/bg.png) repeat-x}
#header .container .bg{background:url(images/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(images/facebook.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(images/mytwitter.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}

این فایل style.css من هستش لطفا کمکم کنید یکی واسم درست کنه ممنون میشم
من فکر کنم در قسمت header مشکل دلرم اما تو IE بدنه سایتمم به هم میریزه

1- قبلا مطرح شده
http://forum.wp-persian.com/search.php?q=%D9%85%D8%B4%DA%A9%D9%84+%D8%A8%D8%A7+ie
2- بیربط به وردپرس هست

وردپرس فارسی

انجمن

مشکل قالب با IE9 (۵ نوشته)

درباره‌ی این موضوع

برچسب‌ها