فعال شده عرض صفحه

[I.from_iran]

سلام
برای فارسی سازی دستور direction: rtl ; را در css قرار دادم. اما اسکرل بار عرض صفحه فعال شده و کشیده میشه! چه راه حلی برای رفع این مشکل وجود داره ؟

[Reza Ganji]

جناب پارسا ممكن است دمو قرار دهيد تا دوستان بهتر كمك كنند !
دستور دايركشن را در تگ body اضافه كرديد ؟

[I.from_iran]

اقای گنجی در body قرار دادم. چون لوکال کار میکنم قالب را ضمیمه میکنم

[مرتضی محمدجانی]

دوست عزیر بهتر است دمو قرار دهید اگه این امکان وجود نداره از محیط سایت و پیغام خطا عکس گفته و قرار دهید تا دوستان کمک کنند

با تشکر

[I.from_iran]

این هم عکس از کشیده شدن عرض سایت:



خود قالبم ضمیمه کردم، که اگه خواستین کدشو ببینید بتونید راحت چک کنید

[مرتضی محمدجانی]

دوست عزیز شما این کد رو در کجای سی اس اس قرار دادید منظورم اینه که آیا بسته ای که فرستادید ویرایش شده شماست یا همان بسته اصلی
همه افزونه های این قالب را غیر فعال کنید و قالب را به تنهایی نصب کنید از دیگر مرورگر ها هم استفاده کنید.

[I.from_iran]

در layout.css این کدو گذاشتم و این بسته ویرایش شده من هست. یعنی فقط direction را گذاشتم
در فایرفاکس و ... هم همینطور بود وقتی کدو گذاشتم
بصورت عادی مشکلی نداره

[مرتضی محمدجانی]

این کد را در سی اس اس قرار دهید و نتیجه رو تست کنید
فراموش نکنید که کش رو خالی کنید بعد تست نمایید .

کد: (انتخاب همه)

/* Copyright (C) 2007 - 2011 YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */



body {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    line-height: 150%;
    color: #525253;
    position: relative;
    
}



.wrapper { margin: auto; }

#header {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    min-height: 100px;
    background: #ffffff;
    position: relative;
    z-index: 10;
    clear: both;
}

#top {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    background: #ffffff;
    overflow: hidden;
    clear: both;
}

#middle {
    clear: both;
    min-height: 300px;
    background: #ffffff;
}

#bottom {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    color: #7A7A81;
    text-shadow: 0 1px 0 rgba(0,0,0,1);
    overflow: hidden;
    clear: both;
}
#ytm h1 {position: absolute;top: 0px; right: -5000px;}
#footer {
    position: relative;
    margin: 0px 0px 0px 0px;
    padding: 20px 20px 20px 20px;
    clear: both;
    color: #5A5C5E;
    font-size: 10px;
    text-shadow: 0 1px 0 rgba(0,0,0,1);
    background: url(../images/footer_bg.png) 0 0 repeat-x;
}
    


#middle {
    width: 100%;  
    
    overflow: hidden;  
    position: relative;  
}

#middle-expand { width: 200%; }


#main {
    position: relative;
    right: 50%;
    width: 50%;
    float: right;
}

#main-shift {
    position: relative;
    right: -100%;
    
    
    overflow: hidden;
}


#left {
    position: relative;
    right: -50%;
    
    float: right;
    overflow:hidden;
}


#right {
    
    
    position: relative;
    float: right;
    overflow:hidden;
}



#maintop,
#contenttop {
    margin: 0px 0px 0px 0px;
    overflow: hidden;
}

#contentbottom,
#mainbottom {
    margin: 0px 0px 0px 0px;
    overflow: hidden;
}



#mainmiddle {
    width: 100%;  
    
    overflow: hidden;  
    position: relative;  
}

#mainmiddle-expand {
    width: 200%;
}


#content {
    position: relative;
    right: 50%;
    width: 50%;
    float: right;
}

#content-shift {
    position: relative;
    right: -100%;
    
    
    overflow: hidden;
}


#contentleft {
    position: relative;
    right: -50%;
    
    float: right;
    overflow:hidden;
}


#contentright {
    
    
    position: relative;
    float: right;
    overflow:hidden;
}



.floatbox { overflow:hidden; }

.float-left { float: right; overflow: hidden; }
.float-right { float: left; overflow: hidden; }

.width15 { width: 15%; }
.width18 { width: 18%; }
.width20 { width: 20%; }
.width23 { width: 23%; }
.width25 { width: 25%; }
.width33 { width: 33%; }
.width34 { width: 34%; }
.width35 { width: 35%; }
.width40 { width: 40%; }
.width46 { width: 46%; }
.width50 { width: 50%; }
.width54 { width: 54%; }
.width65 { width: 65%; }
.width67 { width: 67%; }
.width75 { width: 75%; }
.width100 { width: 100%; }

#top > .vertical,
#bottom > .vertical { float: right; }



body.yoopage { background: #E3E3E3 url(../images/page_bg.jpg) 50% 0 repeat; }



#absolute {
    position: absolute;
    z-index: 15;
    top: 0px;
    right: 0px;
    width: 100%;
}



#toolbar {
    height: 40px;
    padding: 0px 260px 0px 200px;
    overflow: hidden;
    color: #535358;
    line-height: 40px;
    font-size: 11px;
    text-shadow: 0 1px 0 rgba(0,0,0,1);
    background: #222224 url(../images/toolbar_bg.png) 0 0 repeat-x;
}

#date {
    padding: 0px 0px 0px 10px;
    float: right;
}

#headerbar {
    padding: 0px 0px 0px 0px;
    overflow: hidden;
}

div.menubar {
    position: absolute;
    top: 40px;
    right: 0px;
    left: 0px;
    height: 60px;
    padding: 0px 240px 0px 20px;
    background: url(../images/menubar_bg.png) 0 0 repeat-x;
}

div.menushadow {
    position: absolute;
    top: 100px;
    right: 0px;
    left: 0px;
    height: 3px;
    background: url(../images/menubar_shadow.png) 0 0 repeat-x;
}

#logo {
    position: absolute;
    top: 0px;
    right: 0px;
}

#search {
    position: absolute;
    top: 7px;
    left: 7px;
    z-index: 12;
}

#banner {
    position: absolute;
    top: 138px;
    left: -43px;
    width: 0px;
    z-index: 3;
}

#socialbookmarks {
    position: absolute;
    top: 40px;
    left: -30px;
    z-index: 3;
    background: #fff;
    background: -moz-linear-gradient(
                0% 50%,
                #A7A7AD 0,
                #FAFAFA 5px
             );
            
    background: -webkit-gradient(
                linear,
                0% 50%,
                100% 50%,
                color-stop(0%, #A7A7AD),
                color-stop(15%, #FAFAFA)
             );
    -webkit-box-shadow: 1px 0 3px rgba(0,0,0,0.5);
    -moz-box-shadow: 1px 0 3px rgba(0,0,0,0.5);
    box-shadow: 1px 0 3px rgba(0,0,0,0.5);
}



#footer a.anchor {
    position: absolute;
    left: 20px;
    top: 15px;
    width: 25px;
    height: 25px;
    background: url(../images/footer_anchor.png) 0 0 no-repeat;
    display: block;
    text-decoration: none;
}

#footer a.anchor:hover { background-position: 0 -25px; }



#component { padding: 20px; }

#left div.left-1,
#contentleft div.contentleft-1 {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    border-left: 1px solid #E8E8E9;
}

#right div.right-1,
#contentright div.contentright-1 {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    border-right: 1px solid #E8E8E9;
}


div.bottom-1 {
    border-bottom: 1px solid #292929;
    background: #191919 url(../images/bottom_bg.png) 0 0 repeat-x;
    overflow: hidden;
}

#bottom div.vertical {
    border-bottom: 1px solid #2F2F2F;
    background: #151515 url(../images/bottomblock_bg.png) 0 0 repeat-x;
}




div.wrapper-1,
div.wrapper-2 { background: url(../images/wrapper_bg.png) 0 0 repeat-y; }

div.wrapper-2 {
    padding: 0px 30px 0px 30px;
    background-position: 100% 0;
}

div.wrapper-3 { background: #1C1C1D; }

[I.from_iran]

این کد مشکلو حل نکرد
راستی الان قالب تغییر داده نشدش رو دوباره نصب کردم دیدم اونم کشیده میشه.

اسکرولو کشیدم این کلمه نوشته شده بود : joomla 1.6
من جوملا 1.5 دارم و این قالب 1.5 هست که 1.6 هم ساپورت میکنه

[مرتضی محمدجانی]

من این کد و تست کردم مشکلی نداشت
شما کد اصلی این فایل رو قرار دهید