مشکل تغییر کردن قالب در مرورگر های مختلف؟
با سلام و عرض ادب
بنده یه قالبی ساختم توش دوتا ماژول جستجو و سمت چپ م باهم تداخل داره
کد:
<?php
defined('_JEXEC') or die('Restricted access');
JHtml::_('behavior.framework', true);
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<?php echo $this->language; ?>" lang="<?php echo $this->language; ?>" >
<head>
<jdoc:include type="head" />
<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template; ?>/css/template.css" type="text/css" />
</head>
<body>
<div id="asli">
<div id="header">
<img src="images/final1.jpg" />
</div>
<div id="zir header">
<?php if($this->countModules('menu')): ?>
<div id="menu">
<jdoc:include type="modules" name="menu" style="xhtml" />
</div>
<?php endif; ?>
<?php if($this->countModules('search')): ?>
<div id="search"><jdoc:include type="modules" name="search" style="xhtml" /></div>
<?php endif; ?>
</div>
<?php if($this->countModules('left')): ?>
<div id="left"><jdoc:include type="modules" name="left" style="xhtml" /> </div>
<?php endif; ?>
<div id="center">
<?php if($this->countModules('slideshow')): ?>
<div id="slideshow"><jdoc:include type="modules" name="slideshow" style="xhtml" /></div>
<?php endif; ?>
<div id="content">
<jdoc:include type="component" />
</div>
</div>
<?php if($this->countModules('right')): ?>
<div id="right"><jdoc:include type="modules" name="right" style="xhtml" /></div>
<?php endif; ?>
<div id="footer">
<div align="right" style="float:right;">
<p>
کلیه حقوق برای وب سایت 01محفوظ است
</p>
</div>
<div align="left" style="float:left; ">
<p>
<a href="http://www.dade24.net"> طراحی و اجرا : گروه نرم افزاری داده 24</a>
</p>
</div>
</div>
</div>
</body>
</html>
</body>
</html>
کد:
/*@charset "utf-8"; */
/* CSS Document */
@charset "utf-8";
/* CSS Document */
@font-face {
font-family: 'pars';
src: url('../font/BYekan.eot');
src: url('../font/BYekan.eot?#iefix') format('embedded-opentype'),
url('../font/BYekan.woff') format('woff'),
url('../font/BYekan.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
#asli{
width:978px;
height:auto;
margin:0 auto !important;
}
#header{
width:978px;
height:150px;
}
#zir header{
width:978px;
height:35px;
}
#search{
width:auto;
height:35px;
float:right;
font-family:pars, Geneva, sans-serif;
direction:ltr;
background-color:#900;
position:absolute;
top:158px;
}
#search .moduletable form {
height:35px;
margin:auto;
line-height:35px;}
/*::::: menu :::::*/
#menu .moduletable {
direction:rtl;
}
#menu .moduletable .menu,
#menu .moduletable .menu ul,
#menu .moduletable .menu li,
#menu .moduletable .menu a {
margin: 0;
padding: 0;
border: none;
outline: none;
}
#menu .moduletable .menu {
height:35px;
width:773px;
background:#900;
background: -webkit-linear-gradient(top, #900 0%,##900 100%);
background: -moz-linear-gradienttop, #900 0%,##900 100%);
background: -o-linear-gradient(top, #900 0%,##900 100%);
background: -ms-linear-gradient(top, #900 0%,##900 100%);
background: linear-gradient(top, #900 0%,##900 100%);
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
float:right;
}
#menu .moduletable .menu li {
position: relative;
list-style: none;
float: right;
display: block;
height: 35px;
background-color:#900;
}
#menu .moduletable .menu ul { display: none;
}
#menu .moduletable .menu li a {
display: block;
padding: 0 14px;
margin: 6px 0;
line-height: 26px;
text-decoration: none;
border-right: 1px solid #375594;
border-left: 1px solid #09348d;
font-family: pars, Arial, sans-serif;
font-weight: bold;
font-size: 13px;
color:#9C9; /*rangkol matn ha */
text-shadow: 1px 1px 1px rgba(0,0,0,.6);
-webkit-transition: color .2s ease-in-out;
-moz-transition: color .2s ease-in-out;
-o-transition: color .2s ease-in-out;
-ms-transition: color .2s ease-in-out;
transition: color .2s ease-in-out;
}
#menu .moduletable .menu li:first-child a { border-right: none; }
#menu .moduletable .menu li:last-child a{ border-left: none; }
#menu .moduletable .menu li:hover a { color:#060;
background-color:#F00;
} /*rng khane mous */
#left{
width:200px;
height:auto;
margin-top:5px;
float:left;
direction:rtl;
font-family:pars, Geneva, sans-serif;
background-color:#CCC;
}
#right .moduletable h3{
width:190px;
margin-right:5px;
background-color:#900;
color:#FFF;
margin-top:5px;
padding:0px 5px 0px 0px;
border-radius:5px;
background-image:url(../images/lft.png) ;
background-repeat:no-repeat;
}
#left .moduletable h3{
width:190px;
margin-right:5px;
background-color:#900;
color:#FFF;
margin-top:5px;
padding:0px 5px 0px 0px;
border-radius:5px;
background-image:url(../images/lft.png);
background-repeat:no-repeat;
}
#left .moduletable form#login-form fieldset.userdata p#form-login-username input#modlgn-username.inputbox{
margin-right:25px;
list-style:none;}
#left .moduletable form#login-form ul{
list-style:none;
margin-right:0px;
padding-right:3px;
font-size:12px;}
h2{
background-color:#999;
}
li.print-icon ,li.email-icon ,li.ediat-icon{
float:left;
display:inline;}
dd.category-name ,dd.published ,dd.createdby ,dd.hits{
float:right;
display:inline;
font-size:9px;
}
#content .blog-featured .items-leading {
background:#CCC;
border:double;
}
#content .blog-featured .items-row {
background:#CCC;
border:double;
}
#content .blog-featured .items-leading .leading-0 p.readmore a{
background:#900;
color:#FFF;
margin-right:450px;
}
#content .blog-featured .items-leading .leading-0 p.readmore a: hover{
background:#FFF;
color:#900f;
margin-right:450px;
}
/* .pagination {
text-align:center;
background:#906;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
margin-bottom:5px;
}
*/
.pagination {
text-align:center;
background:#900;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
margin-bottom:1px;
height:50px;
line-height:10px;
}
.pagination ul , .pagination ul li , ul.pagenav li , .pagination ul li a , ul.pagenav li a, counter span, .pagination ul li a.pagenav , .pagination ul li span.pagenave {
padding: 0px 4px 0px 4px;
display:inline;
color:#FFF;
}
#center{
width:578px;
height:auto;
float:left;
direction:rtl;
}
#slideshow{
width:578px;
height:200px;
direction:rtl;
font-family:pars, Geneva, sans-serif;
}
#content{
width:578px;
height:auto;
margin-top:75px;
direction:rtl;
font-family:pars, Geneva, sans-serif;
}
#right{
width:200px;
height:auto;
float:left;
background-color:#CCC;
direction:rtl;
font-family:pars, Geneva, sans-serif;
}
#footer{
width:978px;
height:50px;
background-color:#900;
float:right;
font-family:pars, Geneva, sans-serif;
color:#FFF;
background:#900;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
margin-bottom:5px;}
#footer a{
color:#FFF;}
توی اینترنت اکسپلور تقریبا درسته
اما توی فایرفاکس بهم ریختس
[مهمان/کاربر گرامی برای دیدن لینک ها ابتدا باید عضو سایت شوید و لاگین کنید برای ثبت نام اینجا کلیک کنید]
[مهمان/کاربر گرامی برای دیدن لینک ها ابتدا باید عضو سایت شوید و لاگین کنید برای ثبت نام اینجا کلیک کنید]
