سلام ، آیا این بازدید اول شماست ؟ یا
نمایش نتایج: از شماره 1 تا 6 , از مجموع 6

موضوع: مشکل تغییر کردن قالب در مرورگر های مختلف؟

  1. #1

    تاریخ عضویت
    Nov 2014
    نوشته ها
    80
    تشکر
    3
    تشکر شده 0 بار در 0 ارسال

    مشکل تغییر کردن قالب در مرورگر های مختلف؟

    با سلام و عرض ادب
    بنده یه قالبی ساختم توش دوتا ماژول جستجو و سمت چپ م باهم تداخل داره

    کد:
    <?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;}
    توی اینترنت اکسپلور تقریبا درسته
    اما توی فایرفاکس بهم ریختس

    جهت مشاهده لینک ها باید ثبت نام کنید یا لاگین کنید.


  2. # ADS
    تبلیغات در جوملا فارسی
    تاریخ عضویت
    Always
    نوشته ها
    Many
     

  3. #2
    Team
    تاریخ عضویت
    Jun 2011
    محل سکونت
    تهران
    نوشته ها
    3,035
    تشکر
    351
    تشکر شده 1,221 بار در 1,047 ارسال
    لطفا آدرس سایت تونو در اینترنت به ما اعلام کنید (از طریق همین تاپیک)
    بعد بفرمایید در کدام مرورگر مشکل دارد, انشالا که بتونیم کمکتون کنیم.

    جهت مشاهده لینک ها باید ثبت نام کنید یا لاگین کنید.


  4. #3

    تاریخ عضویت
    Nov 2014
    نوشته ها
    80
    تشکر
    3
    تشکر شده 0 بار در 0 ارسال
    سایتم رو نت نیست رو لوکاله
    ممنون میشم اگه به کد ها نگاه بفرمایید شاید اونا مشکل دارن

    جهت مشاهده لینک ها باید ثبت نام کنید یا لاگین کنید.


  5. #4
    Team
    تاریخ عضویت
    Dec 2008
    محل سکونت
    ساری
    نوشته ها
    10,737
    تشکر
    295
    تشکر شده 2,409 بار در 2,066 ارسال
    دروود

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

    مطالعه کنید ...

    در پناه ایزد

    جهت مشاهده لینک ها باید ثبت نام کنید یا لاگین کنید.


  6. #5

    تاریخ عضویت
    Nov 2014
    نوشته ها
    80
    تشکر
    3
    تشکر شده 0 بار در 0 ارسال
    من سرچ کردم
    اومدم یه استایل جدید هم به صفحه ایندکس اتصال دادم با کد
    <!--[if IE]>
    <link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template; ?>/css/ie.css" type="text/css" />
    <![endif]-->
    توی ie.cssهم اومدم همه سی اس اس و کپی کردم عینا فقط بخش مربوط به ستون چپ رو margin-top رو برداشتم ونشد
    -10 گذاشتم نشد
    تازه قالب هم بهم ریخت
    عکسشو ببینید:

    جهت مشاهده لینک ها باید ثبت نام کنید یا لاگین کنید.


  7. #6

    تاریخ عضویت
    Nov 2014
    نوشته ها
    80
    تشکر
    3
    تشکر شده 0 بار در 0 ارسال
    میبینید؟ 3تا ستون پایینی رفتن سمت چپ .بیش از حد
    یکمم توی هم رفتن

    جهت مشاهده لینک ها باید ثبت نام کنید یا لاگین کنید.


موضوعات مشابه

  1. تغییر زبان copyright با تغییر زبان
    توسط Hamed2008 در انجمن سوالهای عمومی جوملا 3 فارسی
    پاسخ ها: 3
    آخرين نوشته: 08-12-2014, 08:09 PM
  2. تغییر مسیر و تغییر نام پوشه مدیریت جوملا
    توسط icons در انجمن نصب جوملا 2.5 فارسی
    پاسخ ها: 1
    آخرين نوشته: 01-25-2013, 07:59 PM
  3. تغییر تقویم فارسی به انگلیسی بدون تغییر زبان
    توسط farzad123 در انجمن سوالهای عمومی جوملا 1.5 فارسی
    پاسخ ها: 2
    آخرين نوشته: 07-29-2011, 06:50 AM
  4. تغییر دادن دومین بدون تغییر در سایت
    توسط sina14 در انجمن متفرقه
    پاسخ ها: 1
    آخرين نوشته: 04-11-2011, 01:02 PM
  5. عدم تغییر در URL با تغییر در نام مستعار
    توسط mousio در انجمن سوالهای عمومی مامبو فارسی
    پاسخ ها: 3
    آخرين نوشته: 01-11-2009, 09:01 AM

علاقه مندی ها (Bookmarks)

علاقه مندی ها (Bookmarks)

مجوز های ارسال و ویرایش

  • شما نمیتوانید موضوع جدیدی ارسال کنید
  • شما امکان ارسال پاسخ را ندارید
  • شما نمیتوانید فایل پیوست کنید.
  • شما نمیتوانید پست های خود را ویرایش کنید
  •