عدم سازگاری قالب وردپرس با ie

pendesign

pendesign

Member
سلام دوستان.
من یه قالب برای وردپرس طراحی کردم که روی تمام مرورگرا ازجمله Firefox , Chrome و Safari مشکلی نداره منتها روی IE دچار یه سری مشکل میشه . وردپرس کارها اگر میتونید بگید که من قالب رو اینجا آپلود کنم ...

کد CSS :

کد: 
body {

background-color:#B39E45;
background-image:url(img/bg2.jpg);
	color: #000;
	font-size: 11px;
	font-family: "tahoma", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	
	}
img {
	border: 0px;
	}
.cnt {
	width: 450px;
	background-color: #EBE0B2;
	margin: 0px auto 0px;
	}

	
	
/* ------------------------------------------------------------------------------
								header 								             
------------------------------------------------------------------------------ */
.header{
	background: url(img/headerbg.jpg) no-repeat;
	width: 450px;
	height: 260px;
	float:none;
	
	}
.head1 {
	width: 400px;
	padding: 40px 15px 0 0;
	text-align:none;
	float: center;
	font-family:Arial, Helvetica, sans-serif;
	color:#000000;
}
.header h1 a {
	color: #fff;
	text-decoration: none;
}
.header h1 a:hover {
	text-decoration: none;
}
.header h1 {
	color: #000;
	font-family: tahoma, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	margin-bottom: 0px;
	
}
.description {
	color: #fff;
	font-size: 11px;
	padding-right:100px;
}
.head2 {
	width: 260px;
	float:none;
}
.head2 p {
	color: #000;
	padding: 0 15px;
	font-size: 11px;
	line-height: 16px;
}
.head2 h3 {
	color: #fff;
	font-family: tahoma, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	margin-bottom: 5px;
	padding: 15px 0 0 16px;
	text-transform: lowercase;
}

.home { position:absolute; width:25px; height:25px; left:425px; top:170px;
background-image:url(img/home.png);}
.home:hover{
	background-image:url(img/home_hover.png);}

.mail { position:absolute; width:23px; height:15px; left:460px; top:180px;
background-image:url(img/mail.png);}
.mail:hover{
	background-image:url(img/mailhover.png);}


.about { position:absolute; width:25px; height:25px; left:490px; top:172px;
background-image:url(img/about.png);
background-repeat:no-repeat; background-position:center;}
.about:hover{
	background-image:url(img/abouthover.png);}


.flickr { position:absolute; width:53px; height:17px; left:530px; top:177px;
background-image:url(img/flickr.png);}
.flickr:hover{
	background-image:url(img/flickrhover.png);}

.fb { position:absolute; width:15px; height:15px; left:600px; top:177px;
background-image:url(img/fb.png);}
.fb:hover{
	background-image:url(img/fbhover.png);}
	.rss { position:absolute; width:50px; height:20px; left:630px; top:175px;
background-image:url(img/rss.png);}
.rss:hover{
	background-image:url(img/rsshover.png);}

/*------------------------------------------------------------------------------------*/



/* ------------------------------------------------------------------------------
								main 					                         
------------------------------------------------------------------------------ */
.main {
	width: 450px;
	background-image:url(img/main.jpg);
	}
.content {
background-color:#transparent;
background-image:url(img/content-bg.jpg);
font-size:11px;
	
		margin: -59px -20px 0px 0px;
		margin-left:5px;
		padding-right:100px;
		
		padding-right:1px;

	float:left;
	width: 310px;
	direction:rtl;
	overflow: hidden;
	
	
	

} 
* html #content { display:inline; }
	
.content a {
color:#222222;
	}
.content a:hover {
	text-decoration:none;
	background-image:url(img/linkhover.png);
	background-repeat:no-repeat;
	background-position:center;
	}
	
	.content a:visited {
		text-decoration:none;
	background-image:url(img/linkvisited.png);
	background-repeat:no-repeat;
	background-position:center;
	}
	
.navigation {
	font-size: 10px;
	margin-bottom: 15px;
	
	}
.post {

	margin-bottom:30px;
	
	
	background-image:url(img/postback.png);
	background-repeat:no-repeat;
	background-position:top right;
	border-bottom:dotted 1px;
	border-bottom-color:#333333;
	padding-right:8px;
	
	} 
.posttitle {
	margin-bottom: 12px;
	}
.post h2 {
	background-image:url(img/posttitlwe.png);
	background-repeat:no-repeat;
	background-position:right;
	height:16px;
	width:15px;
	
.post h2:hover {
	
height:16px;

width:15px;
background-position:right;
}
			color: #294A59;
font-size: 12px;
	font-weight: bold;
	padding-right:25px;
	padding-top:5px;}
		
h2.pagetitle {
	color: #555;
	font-size: 10px;
	font-weight: normal;
	margin-bottom: 15px;
	}
.post h2 a {
	color: #294A59;
	text-decoration:none;
	}
.post h2 a:hover {

height:16px;
width:15px;
background-position:right;
}
.post small {
	background-image:url(img/date.png);
	background-repeat:no-repeat;
	background-position:right;
	width:400px;
	height:15px;
	color: #222222;
			font-size:10.5px;
	display: block;
	margin-top:5px;
	margin-bottom: 1px;
	padding-right:15px;
	}
.post p {
	font-size: 10.5px;
	margin-bottom: 15px;
	line-height:21px;
	
	}
.post blockquote {
	background: url(img/blockquotebg2.jpeg) no-repeat;
	color: #294a59;
	padding: 15px 0 0 42px;
	
}
.post ul {
	list-style-type: none;
	font-size: 11px;
	margin-bottom: 15px;
	}
.post ul li {
	background-image: url(img/bullet02.gif);
	margin-bottom: 5px;
	padding-left: 17px;
	}
p.postmetadata {
	font-size:11px;
	margin:3px 0;
	}

/* ------------------------------------------------------------------------------
								sidebar 					                     
------------------------------------------------------------------------------ */
.sidebar {
	font-size: 11px;
	float: right;
	width: 125px;
	height:770px;
	margin-left:auto;
		margin-bottom:0px;
	padding-bottom:0px;
	line-height: 14px;
background: url(images/sidebar.gif) top right;
background-repeat:repeat-y;
background-repeat:repeat-x;
	}

.bloque1, .bloque2 {
	margin-bottom: 0px;
	}
.bloque1 {
background:url(img/side2.jpg) repeat-y right;
margin-bottom:0px;
height:auto;
	}
.bloque2 {
background:url(img/side2.jpg) repeat-y right;
margin-bottom:0px;
height:auto;
}
.bloque1 h3 {
	color: #222222;

	}
.bloque1 h3, .bloque2 h3 {
	background-image:url(img/cat.png);
	background-repeat:no-repeat;
	background-position:right;
	font-size: 11px;
	text-align:center;
	font-family: Tahoma,Helvetica, sans-serif;
	font-weight: bold;
	margin-bottom: 1px;
	padding: 2px 0 0px 16px;
	text-transform: lowercase;
	
	}
.bloque2 h3 {
	color: #294A59;
	}
.sidebar ul {
list-style-type:none;
padding:0;
margin:0;
margin-left:10px;}
.sidebar p {
	line-height: 1px;
}

.sidebar ul span {
	color: #000;
	}
.sidebar ul a {
	color: #000;
	text-decoration: none;
	
	}
.bloque1 ul a {
	border-bottom: 1px #968e77;
	}
.bloque1 p a, .bloque2 p a {
	color: #000;
	}
.
.bloque2 ul a {
	border-bottom: 1px  #668b9c;
	}

.bloque1 ul {
	color: #968e77;
	padding-bottom: 2px;
	}
.bloque2 ul {
	color: #668b9c;
	padding-bottom: 2px;
	}
	.postnav {
	width: 100%;
	padding: 1.2em 0 0 0;
	font-size: 0.92em;
	overflow: auto;
}
.prev {
	float: left;
}
.next {
	float: right;
}
/* search */
#searchform{
margin-left:-25px;
}
ow
.buscar {
width:80px;
border-color:transparent;
background-color:transparent;
		margin: -8px 2px 0px 0px;

	padding: 11px 13px -5px;
	}
.bus1 {
background-image:url(img/search.png);
background-repeat:no-repeat;
background-color:transparent;
	width: 80px;
	height:19px;
	font-family:Tahoma,Courier, monospace;
	font-size:10px;
	color:#222222;
	border:0px;
	

	}

.sidebar p {
	padding: 0 10px 15px 16px;
	}
/* subscribe */
.subscriberss {
	padding: 0px 0 15px 15px;
	}
.subscriberss select {
	width: 110px;
	margin: 5px 5px 0 10px;
	float: left;
	}
.subscriberss a {
	float: left;
	}
.subscriberss a.btnnofloat {
	float: none;
	}
.subscriberss a.rsstext {
	color: #000;
	margin: 5px 0 0 3px;
	float: left;
	}
.bus1 {
	width: 140px;
	font-size: 10.5px;
	
	padding-left:1px;
	text-align:center;
	padding-top:4px;
	}
.bus2 {
	vertical-align: top;
	}

	
/* ------------------------------------------------------------------------------
								comments								             
------------------------------------------------------------------------------ */
h2.responses {
background-image:url(img/coment.png);
background-repeat:no-repeat;
background-position:right;
	color: #cccccc;
	font-family: tahoma, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	margin-bottom: 10px;
	text-transform: lowercase;
	padding-right:13px;
	}
.commentlist {
	width: 300px;
	margin-bottom: 20px;
	list-style-type: none;
	font-size: 14px;
}
.commentlist li {
	background: #e4ecee url(img/comentbg.png) no-repeat;
	background-position:top;
	background-color:#EBE0B2;
	padding-top: 20px;
	margin-bottom:15px;
}
.commentcontent {
	padding: 0 10px;
	margin-bottom: 15px;
}
.commentcontent p {
	margin-bottom: 15px;
	font-size:11px;
	color:#333;
	line-height:17px;
}
.commentcontent a {
	color: #265368;
}
p.authorcom {
	text-align: right;
	padding-right:10px;
}
p.authorcom span {
background-color:	#EECE3B;
color: #294a59;
	font-size: 11px;
	padding-left: 2px;
	}
.authorcom small {
	font-size: 10px;
	background-color:#EECE3B;
	font-weight:bold;
	
}
.commentcontent {
	padding: 0 10px;
}
.commentcontent ul {
	list-style-type: none;
	font-size:12px;
	color:#333;
	line-height:17px;
}
.commentcontent li {
	background: transparent url(img/bullet02.gif) no-repeat 0px 5px;
	padding-left: 15px;
	padding-top: 0px;
	margin-bottom: 5px;
}
.commentcontent blockquote {
	background-color: #00CC00;
	margin-bottom: 15px;
	padding: 5px 5px 2px 8px;
	border-left:none;
	font-size:11px;
	color:#777;
	line-height:17px;
}
.commentcontent blockquote p {
	margin-bottom:5px;
}
.commentform {
background-image:url(img/comentborders.png);
	background-repeat:no-repeat;
	width: 300px;
	height:291px;
	padding: 5px 0px 0 12px;
	margin-bottom: 20px;
	}
.commentform h2 {
	color: #294a59;
	font-family: tahoma, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	margin-bottom: 10px;
	text-transform: lowercase;
	}
.cfbox1 {
	width: 150px;
	margin-right: 20px;
	padding-left: 3px;
	float: left;
}
.cfbox2 {
	width: 250px;
	float: left;
}
.cfbox2 textarea {
	width: 250px;
	height: 50px;
}
.cfbox3 {
	background:none;
	width: 300px;
	padding-bottom: 12px;
	text-align: center;
	clear: both;
}
.commentform label {
	color: #294a59;
	margin-bottom: 2px;
	display: block;
	}
.commentform input {
	width: 140px;
	height:20px;
	margin-bottom: 10px;
	background-image:url(img/input-comment.png);
	background-repeat:no-repeat;
background-color:transparent;
	border:transparent;

	}
.commentform textarea {
	margin-bottom: 20px;
	background-color:#EBE0B2;
	border:transparent;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:11px;
		}
input.submit {
	width: 70px;
	height:20px;
	margin-bottom: 6px;
	margin-right:30px;
	margin-left: 173px;
	display: block;
	background-image:url(img/sendbutt.png);
	background-repeat:no-repeat;
	font-size:1px;
	
	}
	
	
/* ------------------------------------------------------------------------------
								footer 								             
------------------------------------------------------------------------------ */
.footer {
background-image:url(img/footer.png);
background-repeat:no-repeat;
	width: 420px;
	height: 100px;
	padding: 0px 15px 0;
	color: #000000;
	font-size: 10.5px;
	display: block;
	float: center;
	direction:rtl;
	}
p.foot1 {
	padding-top: 25px;
}
p.foot2 {
	padding-top: 25px;
	float: right;
	text-align: right;
	margin-right:5px;
}
.footer a {
	color: #222222;
	background-color:#B3CC00;
	}
.footer a:hover {
	color: #222222;
	background-color:#EECE3B;
	}
.foot2 a:hover {
	background-color: #294A59;
	}




/* ------------------------------ clear ------------------------------ */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both;
    visibility: hidden;
}

/*======================================================================================*/
 
برای ارسال پاسخ شما باید وارد سیستم شوید.

آخرین مطالب مجیدآنلاین

جدیدترین ارسال ها

بالا