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

سلام خسته نباشید
این سایت من چرا قالبش تو اینترنت اکسپلور بقلاش میافته پایین
ولی در اپرا و موزیلا فایر فاکس مشکلی نداره
چیکار باید بکنم تا درست بشه
؟
http://www.rahatdownload.com

سلام, مشکل IE یه چیز ثابتی هست.
http://forum.wp-persian.com/search.php?q=%D9%85%D8%B4%DA%A9%D9%84+IE
باید خودتون یه css جداگانه برای IE,6,7,8,N تعریف کنید.

کاربران زیر به‌خاطر این نوشته تشکر کرده‌اند:
Tolooei - ~> Mr.vAhiD.DI <~ - Saeed Fard

mostafa1990 گفت:
سلام, مشکل IE یه چیز ثابتی هست.
http://forum.wp-persian.com/search.php?q=%D9%85%D8%B4%DA%A9%D9%84+IE
باید خودتون یه css جداگانه برای IE,6,7,8,N تعریف کنید.

چگونه cssجدا گانه برای مرورگرها بسازم؟؟

این رو ما بین تگ head در header.php قرار دهید

<!--[if IE 6]>
	<link rel="stylesheet" type="text/css" href="<?php bloginfo('template_url'); ?>/ie6.css" />
<![endif]-->

فایل ie6.css رو هم خودتون بسازید و بهش مقدار بدید.

کاربران زیر به‌خاطر این نوشته تشکر کرده‌اند:
Tolooei - ~> Mr.vAhiD.DI <~ - Saeed Fard

mostafa1990 گفت:
این رو ما بین تگ head در header.php قرار دهید

فایل ie6.css رو هم خودتون بسازید و بهش مقدار بدید.

خیلی ممنون از راهنماییتون
حالا چجوری فایل ie6.css رو درست کنم

حالا چجوری فایل ie6.css رو درست کنم

class هایی که در IE مشکل دارند رو در فایلی به نام ie6.css با RapidCSS ایجاد کنید.

کاربران زیر به‌خاطر این نوشته تشکر کرده‌اند:
Saeed Fard - ~> Mr.vAhiD.DI <~ - Tolooei

با درورد..
متاسفانه ايراني ها هنوز رو IE6 گير كردن و اونوقت انتظار دارند كه پيشرفت كنند..اصلا مرورگر IE6&7 نبايد به حساب آورد..
مرورگر IE 6 و حتي 7 از پر مشكل ترين مرورگر هاست كه هميشه براي طراحان مشكل ايجاد ميكنه..ولي خوشبختانه تو نسخه ي 9 مشكلاتش تا حدودي حل شده..
نميدونم اين فرهنگ كي راه ميافته كه ديگه از مرورگرهايه IE6&7 استفاده نكنند..باعث تاسف هستش كه همين مرورگر از پركاربرد ترن مرورگرهاست..ولي رفته رفته مردم دارن به اين مسئله پي ميبرند و بهتر ميشه..
موفق باشيد../.

کاربران زیر به‌خاطر این نوشته تشکر کرده‌اند:
Mostafa - Tolooei - ~> Mr.vAhiD.DI <~

با سلام، درسته که Internet Explorer 6 با خیلی از سایت ها مشکل داره ولی قبل از اینکه به فکر هر کار دیگه ای باشیم باید قالب رو بررسی کرد که مشکل نداشته باشه. که متاسفانه در مورد شما قالب 48 خطای مهم و اساسی داره! که مطمئنا اگه بتونی اونها رو حل کنی، IE هم سایت شما رو درست نشون میده.

این رو ببین:

http://validator.w3.org/check?uri=http://www.rahatdownload.com/&charset=(detect+automatically)&doctype=Inline&group=0

کاربران زیر به‌خاطر این نوشته تشکر کرده‌اند:
Tolooei - ~> Mr.vAhiD.DI <~ - Mostafa

mostafa1990 گفت:

class هایی که در IE مشکل دارند رو در فایلی به نام ie6.css با RapidCSS ایجاد کنید.

اقا مصطفی من نه با این برنامه کار کردم و نه اینکه سر دربیارم
شما میتونید این کار رو برام انجام بدید
و ie6.css رو برام درست کنید؟؟

rahatdownload گفت:

اقا مصطفی من نه با این برنامه کار کردم و نه اینکه سر دربیارم
شما میتونید این کار رو برام انجام بدید
و ie6.css رو برام درست کنید؟؟

محتویات style.css رو اینجا بگزارید و بگین با چه class از اون مشکل دارین.

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

نمی دونم از چه Class استفاده میکنم

/*
Theme Name: patoghu
Theme URI: http://www.irmoon.com
Description: 3 columns For Download Sites
Author: Esmail
Author URI: http://www.irmoon.com
Tags: 3 columns
*/

* {
	border: 0px;
	padding: 0px;
	margin: 0px;
}
body {
	color : #252525 ;
	background:#B6E3FA;
	margin : 0 ;
	padding : 0 0 ;
	text-align:center;
	font :0px/0px tahoma,sans-serif
}
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,
b, u, i, center,dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	padding: 0px;
	margin: 0px;
}
embed {
	border:0px;
	margin:0px;
	padding:0px;
}
table, tr, td, th, textarea {
	font-size:11px
}
a {
	text-decoration : none ;
	color:#035B8F
}
a:hover {
	text-decoration : none ;
	color:#FB6540
}
ul {
	border: 0px;
	padding: 0px;
	margin: 0px;
	list-style: none ;
}
li {
	border: 0px;
	padding: 0px;
	margin: 0px;
	list-style: none ;
}
address, caption, cite, code, dfn, em , th, var {
	border: 0px;
	padding: 0px;
	margin: 0px;
	outline: 0
}
img {
	border: 0px;
}
textarea , fieldset {
	border:1px solid #A4DBFF;
	background:#E1F3FF;
	font :11px tahoma,sans-serif ;
	-moz-border-radius-bottomleft: 0px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 0px;
}
h1 {
	font: bold 1.7em/1.6 Arial, sans-serif;
}
h2 {
	font: bold 1.5em/1.6 Arial, sans-serif;
}
h3 {
	font: bold 1.4em/1.6 Arial, sans-serif;
}
h4 {
	font: bold 1.2em/1.6 Arial, sans-serif;
}
#warpper {
	background:#F0F9FF;
	direction: rtl ;
	margin: 0px auto 0px ;
	padding: 0 ;
	position: relative ;
	width: 960px ;
	text-align: right;
	font :11px/1.9 tahoma,sans-serif
}
.header {
	background :transparent url(images/header.jpg) no-repeat scroll center top;
	height:159px;
	margin:0px auto 0px ;
	padding:0 ;
	position:relative ;
	width:960px;
}
.header h1 {
	height:125px;
	top:20px ;
	right:335px ;
	background:none;
	padding:0 ;
	position:absolute;
	width:285px;
}
.header h1 a {
	height:125px;
	width:285px;
}
.header h1 a span {
	display:none;
	height:125px;
	width:285px;
}
.content {
	background: #F0F9FF;
	margin : 0px 0px
}
#nav{
	background : url(images/back_nav.jpg) ;
	height : 45px ;
	width :960px ;
	margin:0px auto 0px ;
	position:relative ;
	padding:0 ;
}
#nav ul {
	padding:4px 10px 0 0
}
#nav ul li a {
	display:block;
	float:right;
	padding:8px 8px;
	margin:2px 0px 0px;
	font: bold 11px tahoma;
	color: #333;
	text-align: right;
}
#nav ul li a:hover {
	color: #fff;
	background:#ff9900;
	padding:7px 7px;
	-moz-border-radius-bottomleft: 0px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 0px;
	border:1px solid #ff3300
}
.search {
	width: 195px ;
	height: 25px ;
	margin-top: 9px ;
	margin-left: 10px ;
	float: left
}
.st {
	background:none ;
	height: 20px ;
	width: 165px ;
	padding-left: 0px ;
	color : #333333;
	font-size : 11px ;
	border : none ;
	float:right;
	font-family:tahoma;
	text-align:right;
	margin:0px 0px 0px 0px
}
.sti {
	background:none ;
	height : 20px ;
	width : 30px ;
	border: none ;
	cursor: pointer;
	float:left
}
#page-content {
	margin: 0px 0px 0px;
	padding:0px 10px 0px 3px;
	text-align: right
}
.two-box-warpper {
	background: #F0F9FF;
	float: right;
	width: 720px ;
}
#page-body {
	background: #F0F9FF;
	float: left;
	margin: 0px 0px 5px 0px;
	width: 500px
}
.page-body {
	background: #F0F9FF;
	clear: both;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	margin: 0px 0px 10px;
	padding-top: 0px
}
.center-banners {
	margin:5px auto 0px 0px;
	float:center
}
.center-banners object {
	margin:4px 0px 0px 0px;
}
.center-banners a img {
	margin:4px 0px 0px 0px;
}
.post {
	margin: 0px 0px 0px 0px ;
	width: 500px
}
.content-text {
	padding: 5px 5px 0px 5px
}
.post #post-title {
	background: url('images/post_title.jpg') no-repeat ;
	width : 500px ;
	height:37px
}
.post #post-title h1 {
	padding : 5px 22px 0px 0px;
	font: bold 1.0em Tahoma, sans-serif;
}
.post #post-title h1 a {
	color:#135993
}
.post #post-info {
	background:#ffffff;
	border:1px dashed #B3D1E9;
	color:#666666;
	width:485px;
	margin: 0px 5px 0px 0px;
}
.post #post-info a{
	color:#666666;
}
.post #post-info a:hover{
	color:#fff;
	background:#cccc00;
	border-bottom:1px dotted #669900
}
.post #post-info ul {
	margin:0px;
}
.post #post-info ul li {
	display: block;
	margin:5px 5px;
	float: right
}
.post #post-info ul .categry{
	padding-right: 22px;
	padding-left: 0px;
	background: url(images/category.png) no-repeat right 0px;
	padding-bottom: 0px;
	padding-top: 0px
}
.post #post-info ul .view {
	padding-right: 22px;
	padding-left: 0px;
	background: url(images/view.gif) no-repeat right 0px;
	padding-bottom: 0px;
	padding-top: 0px
}
.post #post-info ul .date {
	padding-right: 24px;
	padding-left: 0px;
	background: url(images/date.gif) no-repeat right 0px;
	padding-bottom: 0px;
	padding-top: 0px
}
.post #content {
	border-right:1px solid #9AC3E3;
	border-left:1px solid #9AC3E3;
	background:#fff;
	margin-right:2px
}
.post #post-footer {
	background: url('images/post_footer.jpg') no-repeat;
	height: 18px
}
.more-link {
	padding-right: 20px;
	display:block;
	float: left;
	font-weight:bold;
	margin:4px 8px 0px 8px;
	padding-left: 5px;
	background: url(images/more_link.gif) no-repeat right 5px;
	padding-top:0px;
	padding-bottom:0px;
	-moz-border-radius-bottomleft: 0px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 0px;
	border:1px solid #cccccc
}
.rating{
	display:block;
	float:right;
	padding-top:4px;
	padding-bottom:0px;
}
.more-link:hover {
	border:1px solid #B9D5EB;
	background: url(images/more_link.gif) #F3FBFE no-repeat right 5px;
}
.more-link span {
	display:block;
	padding:4px
}
.navigation {
	-moz-border-radius-bottomleft: 0px;
	-moz-border-radius-bottomright: 6px;
	-moz-border-radius-topleft: 6px;
	-moz-border-radius-topright: 0px;
	background:#fff;
	border:1px solid #CAEAFF;
	padding:4px 8px;
	text-align: center;
}
.navigation a:link,
.navigation a:visited,
.navigation a:active {
	color: #00538A;
	text-decoration: none;
	padding: 3px 7px;
	border:1px solid #95D5FF;
	background:#CAEAFF;
	margin: 0px 1px;
	float: right;
}
.navigation a:hover {
	color: #ffffff;
	border:1px solid #ff6600;
	background:#ff9900;
}
.navigation span {
	padding: 3px 7px;
	color: #999;
	margin: 0px 1px;
	border:1px solid #95D5FF;
	background:#CAEAFF;
	float: right;
}
.navigation span.nav_ext {
	padding: 3px 7px;
	border:1px solid #95D5FF;
	background:#CAEAFF;
	float: right;
}
#sidebar-right {
	float: right ;
	width: 210px ;
	margin : 5px 0 0 0
}
.sidebar-right {
	margin: 0px 0 0 0
}
#sidebar-left {
	float: left;
	width: 210px;
	margin : 5px 0 0 8px
}
.sidebar-left {
	margin: 0px
}
.sidebar-box {
	background: #F0F9FF;
	margin: 0px 0px 5px
}
.sidebar-box h3 {
	height: 55px
}
.sidebar-box h3 span {
	display: block ;
	padding:15px 48px 0px 0px;
	font-size:11px;
	font-family:tahoma
}
.sidebar-box-content {
	width : 210px ;
	clear : both;
	background: url('images/b1_02.jpg')
}
.sidebar-box ul {
	padding-right: 15px;
	padding-left: 15px;
	padding-bottom: 0px;
	margin: 0px;
	padding-top: 0px
}
.sidebar-box ul li {
	padding-right: 15px;
	padding-left: 0px;
	background: url(images/arrow_mini_left.gif) no-repeat right 8px;
	padding-bottom: 0px;
	padding-top: 0px
}
.sidebar-box-footer {
	clear: both;
	background: url('images/b1_04.jpg') no-repeat ;
	height: 20px;
	width: 210px
}
.sidebar-left .ads h3 {
	background: url('images/b1_01.jpg') no-repeat ;
	height: 55px ;
	width: 210px
}
.sidebar-right .ads h3 {
	background: url('images/b1_01.jpg') no-repeat ;
	height: 55px ;
	width: 210px
}
.sidebar-right .category h3 {
	background: url('images/b3.jpg')

no-repeat ;
	height: 55px ;
	width: 210px
}
.sidebar-right .category h3 {
	background: url('images/b15.jpg')

 no-repeat ;
	height: 55px ;
	width: 210px
}
.sidebar-right .category ul {
	padding-right: 12px;
	padding-left: 10px;
	padding-bottom: 5px;
	margin: 0px;
	padding-top: 0px
}
.sidebar-right .category ul li {
	color:#000 ;
	padding-right: 10px;
	padding-left: 0px;
	background: url(images/tick.gif) no-repeat right 5px;
	padding-bottom: 0px;
	padding-top: 0px
}
.sidebar-right .category ul li ul {
	margin: 0px 0px 0px 0px
}
.sidebar-right .category ul li ul li {
	padding-right: 11px;
	padding-left: 0px;
	background: url(images/arrow_mini_left.gif) no-repeat right 7px;
	padding-bottom: 0px;
	padding-top: 0px
}
.sidebar-left .status h3 {
	background: url('images/b4.jpg') no-repeat;
	height: 55px;
	width: 210px
}
.sidebar-right .monthly-archive h3 {
	background: url(images/b5.jpg) no-repeat center bottom
}
.sidebar-left .monthly-archive h3 {
	background: url(images/b5.jpg) no-repeat center bottom
}
.sidebar-left .pre-posts h3 {
	background: url('images/b8.jpg') no-repeat ;
	height: 55px;
	width: 210px
}
.sidebar-left .rand-posts h3 {
	background: url('images/b11.jpg') no-repeat ;
	height: 55px;
	width: 210px
}
.sidebar-left .top h3 {
	background: url('images/b8.jpg') no-repeat ;
	height: 55px ;
	width: 210px
}
.toplist {
	width:175px;
	height:40px;
	margin:5px 17px 0px 0px;
	border:1px solid #bbd3ef;
	-moz-border-radius-bottomleft: 0px;
	-moz-border-radius-bottomright: 6px;
	-moz-border-radius-topleft: 6px;
	-moz-border-radius-topright: 0px;
	background:url('images/top_list.png') #fff;
	background-position: 0px 0px;
}
.toplist:hover {
	background-position: -175px 0px;
}
.top-img {
	float:right;
	width:40px
}
.top-text {
	float:right;
	width:132px
}
.clear {
	clear: both;
	font-size: 0px;
	line-height: 0 ;
	height: 0px
}
.tags {
	float: right;
	width: 300px ;
	margin: 5px 10px 0px 0px ;
}
.tags h4 {
	background: url(images/footer_title.gif) no-repeat ;
	height:25px;
	width: 300px ;
}
.tags h4 span {
	height:25px;
	display:none
}
.addcomment {
	background:#fff;
	padding:5px 10px;
	border:1px solid #95D5FF;
	-moz-border-radius-bottomleft: 0px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 0px;
}
.addcomment h3 {
	background: url('images/add_comment.gif') no-repeat right ;
	height: 35px ;
	border-bottom: #E8EBEB 1px solid ;
	padding : 0px 0px 4px 0px ;
	margin : 0px 0px 10px 0px
}
.f_input {
	padding:6px 6px ;
	margin:5px 0px;
	border:1px solid #A4DBFF;
	background:#E1F3FF;
	font :11px tahoma,sans-serif ;
	-moz-border-radius-bottomleft: 0px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 0px;
}
.f_input:hover {
	border:1px solid #0099CC;
}
select {
	padding:5px 0px;
	margin:5px 0px;

border:1px solid #A4DBFF;
	background:#E1F3FF;
	font :11px tahoma,sans-serif ;
	-moz-border-radius-bottomleft: 0px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 0px;
}
#footer {
	background :#E6F4FF ;
	border:4px solid #ff8800;
	border-width:4px 0px 0px 0px ;
}
#footer ul li {
	background: url(images/footer_arrow.gif) no-repeat right 7px ;
	padding-right: 14px;
	padding-left: 0px;
	padding-bottom: 0px;
	padding-top: 0px
}
#footer a {
	text-decoration:none ;
	color:#757575
}
#footer a:hover {
	text-decoration:none ;
	color:#99CC00
}
.tags-cloud {
	width: 340px;
	height: 340px;
	margin: 10px 10px 0px 10px ;
	background: #ffffff ;
	border:1px solid #ffffff;
	float: right;
	-moz-border-radius-bottomleft: 0px;
	-moz-border-radius-bottomright: 6px;
	-moz-border-radius-topleft: 6px;
	-moz-border-radius-topright: 0px;
}
.tags-cloud #tags {
	padding:10px 12px;
}
.tags-cloud #tags h3 {
	color:#0099CC;
	margin-bottom:5px;
	padding-bottom:4px;
	border-bottom:1px solid #EFEFEF
}
.clouds_xsmall {
	font-size: 11px
}
.clouds_small {
	font-size: 12px
}
.clouds_medium {
	font-size: 13px
}
.clouds_large {
	font-size: 14px
}
.clouds_xlarge {
	font-size: 15px;
}
.links {
	width: 495px;
	height: 240px;
	margin: 10px 2px 0px 10px ;
	background: #ffffff ;
	float: right;
	border:1px solid #ffffff;
	-moz-border-radius-bottomleft: 0px;
	-moz-border-radius-bottomright: 6px;
	-moz-border-radius-topleft: 6px;
	-moz-border-radius-topright: 0px;
}

.linkss {
	width: 305px;
	height: 340px;
	margin: 10px 2px 0px 10px ;
	background: #ffffff ;
	float: right;
	border:1px solid #ffffff;
	-moz-border-radius-bottomleft: 0px;
	-moz-border-radius-bottomright: 6px;
	-moz-border-radius-topleft: 6px;
	-moz-border-radius-topright: 0px;
}

.links #links {
	padding: 10px 12px
}
.links #links ul {
	padding: 0px;
	margin: 0px
}
.links #links ul li{
	padding-right: 15px;
	padding-left: 0px;
	background: url(images/arrow_mini_left.gif) no-repeat right 8px;
	padding-bottom: 0px;
	padding-top: 0px
}
.links #links h3 {
	color: #0099CC;
	margin-bottom:5px;
	padding-bottom :4px;
	border-bottom: 1px solid #EFEFEF
}

.linkss #linkss {
	padding: 10px 12px
}
.linkss #linkss ul {
	padding: 0px;
	margin: 0px
}
.linkss #linkss ul li{
	padding-right: 15px;
	padding-left: 0px;
	background: url(images/arrow_mini_left.gif) no-repeat right 8px;
	padding-bottom: 0px;
	padding-top: 0px
}
.linkss #linkss h3 {
	color: #0099CC;
	margin-bottom:5px;
	padding-bottom :4px;
	border-bottom: 1px solid #EFEFEF
}

.rss {
	width: 265px;
	height: 340px;
	margin: 10px 0px 0px 0px ;
	background: #ffffff ;
	float: right;
	border:1px solid #ffffff;
	-moz-border-radius-bottomleft: 0px;
	-moz-border-radius-bottomright: 6px;
	-moz-border-radius-topleft: 6px;
	-moz-border-radius-topright: 0px;
}
.rss #rss {
	padding: 10px 12px;
}
.rss #rss span {
	font-size:12px
}
.rss #rss a {
	color:#666;
	padding:2px
}
.rss #rss a:hover {
	color:#ff7500;
	border-bottom:1px dotted #FFB380
}
.rss #rss-icon {
	background: url(images/rss-icon.png) no-repeat right 3px ;
	padding-right: 17px;
	padding-left: 0px;
	padding-bottom: 0px;
	padding-top: 0px
}
.rss #rss-help {
	background: url(images/rss-icon-help.gif) no-repeat right 3px ;
	padding-right: 17px;
	padding-left: 0px;
	padding-bottom: 0px;
	padding-top: 0px
}
.rss #rss h3 {
	color: #ff7000;
	margin-bottom:5px;
	padding-bottom: 4px;
	border-bottom: 1px solid #EFEFEF
}
#cp {
	margin-top: 10px;
	padding: 8px 10px;
	background: #666666;
	color: #eeeeee;
	-moz-border-radius-bottomleft: 0px;
	-moz-border-radius-bottomright: 6px;
	-moz-border-radius-topleft: 6px;
	-moz-border-radius-topright: 0px;
}
#cp a {
	color: #ffffff;
}
#cp a:hover {
	color:#ccc;
}

من نمی دونم با چه کلسی مشکل دارید. یه مثال می زنم متوجه بشین.
کلس body برای بدنه پوسته (رنگ, اندازه و نوع قلم و خلاصه هرچیزی که توش هست) تعریف شده.
می خواین برای ie6 رنگ نوشته‌ها قرمز رنگ بشه. اینو به ie6.css اضافه می کنید.

/* For IE */

body {
	color : #FF0066 ;
	background:#B6E3FA;
	margin : 0 ;
	padding : 0 0 ;
	text-align:center;
	font :0px/0px tahoma,sans-serif
}

که کد رنگی:
#FF0066
قرمز میشه.

در صورتی که در Style.css اینطوریه:

body {
	color : #252525 ;
	background:#B6E3FA;
	margin : 0 ;
	padding : 0 0 ;
	text-align:center;
	font :0px/0px tahoma,sans-serif
}

با هر کلسی مشکل دارید اونو در ie6.css مقدار بدین همین!

کاربران زیر به‌خاطر این نوشته تشکر کرده‌اند:
~> Mr.vAhiD.DI <~

وردپرس فارسی

انجمن

مشکل قالب در اینترنت اکسپلور IE8 (۱۲ نوشته)

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

برچسب‌ها