Zmiana szerokości stopki

wersja skryptu MyBB: 1.8
adres forum: aykrasz.cba.pl
na czym polega problem (screen, opis, komunikaty, nazwa stylu/theme/szablonu):

Nie wiem jak zmienić szerokośc stopki, niby zmieniam width ale dzieje się to, że szerokośc się zmienia ale również zmienia się jego położenie w lewo

#footer {
    background: #825555;
    height: 195px;
    margin: 0;
    position: relative;
    padding: 10px 0 0 0;
    align: center;
    
    width: 60%;
}

#footer:after {
    position: absolute;
    border-bottom: 30px solid #F2F2F2;
    border-left: 50px solid transparent;
    border-right: 50px solid transparent;
    content: "";
    left: 48%;
    top: 175px;
}

Demo na forum

Spróbuj:

#footer {
    background: #825555;
    height: 195px;
    margin: auto auto;
    position: relative;
    padding: 10px 0 0 0;
    align: center;
    width: 60%;
}

Prawie, teraz za to jest tam frontbg.jpg

W szablonie footer usuń 1 </div>

Nic nie dalo

</div>
</div>

<script type="text/javascript">
jQuery(function(){
    jQuery(".latestthreads").load("{$mybb->settings['bburl']}/portal.php .latestthreads_portal");
});
</script>

<div id="footer" class="clearfix">
    <div class="wrapper">
        <div class="about">
            <div class="title"><span class="effect"><i class="fa fa-comment-o fa-fw"></i> About us</span></div>
            <p><span style="font-weight: 700; color: #FAFAFA;"><span class="special">X</span>STYLED</span> is a design community for the forum software <span style="font-weight: 700; color: #00BA8C;">MyBB</span>.</p>
            <p>You can find free and premium themes, badges, signatures, tutorials, tweaks and more for your community.</p>
            <p>¿What are you waiting for? <span class="joinus" style="font-weight: 700;"><a href="{$mybb->settings['bburl']}/member.php?action=register">¡Join us now!</a></span></p>
        </div>
        <div class="quicklinks">
            <div class="title"><span class="effect"><i class="fa fa-comments fa-fw"></i> Copyright</span></div>
            <a href="www.mybb.com"><font color= "#ffffff">Silnik forum: Oprogramowanie Mybb</font></a>
                <a href="hmybboard.pl"><font color= "#ffffff">Tłumaczenie: Mybboard.pl (support)</font></a>
        </div>
    </div>
</div>

<div id="copyright">
    <div class="wrapper">
        <div class="design"><span style="font-weight: 700;"><span class="special">AY</span>KRASZ edition (1.0) "dev theme"</span></div>
        <div class="mybb">
    
        </div>
    </div>
</div>

<script type="text/javascript">
jQuery(function(){
    jQuery(".latestthreads").load("{$mybb->settings['bburl']}/portal.php .latestthreads_portal");
});
</script>

<div id="footer" class="clearfix">
    <div class="wrapper">
        <div class="about">
            <div class="title"><span class="effect"><i class="fa fa-comment-o fa-fw"></i> About us</span></div>
            <p><span style="font-weight: 700; color: #FAFAFA;"><span class="special">X</span>STYLED</span> is a design community for the forum software <span style="font-weight: 700; color: #00BA8C;">MyBB</span>.</p>
            <p>You can find free and premium themes, badges, signatures, tutorials, tweaks and more for your community.</p>
            <p>¿What are you waiting for? <span class="joinus" style="font-weight: 700;"><a href="{$mybb->settings['bburl']}/member.php?action=register">¡Join us now!</a></span></p>
        </div>
        <div class="quicklinks">
            <div class="title"><span class="effect"><i class="fa fa-comments fa-fw"></i> Copyright</span></div>
            <a href="www.mybb.com"><font color= "#ffffff">Silnik forum: Oprogramowanie Mybb</font></a>
                <a href="hmybboard.pl"><font color= "#ffffff">Tłumaczenie: Mybboard.pl (support)</font></a>
        </div>
    </div>
</div>

<div id="copyright">
    <div class="wrapper">
        <div class="design"><span style="font-weight: 700;"><span class="special">AY</span>KRASZ edition (1.0) "dev theme"</span></div>
        <div class="mybb">
    
        </div>
    </div>
</div>

albo:

</div>
<script type="text/javascript">
jQuery(function(){
    jQuery(".latestthreads").load("{$mybb->settings['bburl']}/portal.php .latestthreads_portal");
});
</script>

<div id="footer" class="clearfix">
    <div class="wrapper">
        <div class="about">
            <div class="title"><span class="effect"><i class="fa fa-comment-o fa-fw"></i> About us</span></div>
            <p><span style="font-weight: 700; color: #FAFAFA;"><span class="special">X</span>STYLED</span> is a design community for the forum software <span style="font-weight: 700; color: #00BA8C;">MyBB</span>.</p>
            <p>You can find free and premium themes, badges, signatures, tutorials, tweaks and more for your community.</p>
            <p>¿What are you waiting for? <span class="joinus" style="font-weight: 700;"><a href="{$mybb->settings['bburl']}/member.php?action=register">¡Join us now!</a></span></p>
        </div>
        <div class="quicklinks">
            <div class="title"><span class="effect"><i class="fa fa-comments fa-fw"></i> Copyright</span></div>
            <a href="www.mybb.com"><font color= "#ffffff">Silnik forum: Oprogramowanie Mybb</font></a>
                <a href="hmybboard.pl"><font color= "#ffffff">Tłumaczenie: Mybboard.pl (support)</font></a>
        </div>
    </div>
</div>

<div id="copyright">
    <div class="wrapper">
        <div class="design"><span style="font-weight: 700;"><span class="special">AY</span>KRASZ edition (1.0) "dev theme"</span></div>
        <div class="mybb">
    
        </div>
    </div>
</div>

Zauważyłem jeszcze, że po wejsciu obojętnie gdzie opórcz strony głównej stopka jest rozwalona, jakieś pomysły? ;/

Jak "rozwalona" zdefiniuj albo daj ss.

Tak jest wszedzie oprócz strony głównej

a tak? :

</div>
<script type="text/javascript">
jQuery(function(){
    jQuery(".latestthreads").load("{$mybb->settings['bburl']}/portal.php .latestthreads_portal");
});
</script>

<div id="footer" class="clearfix">
    <div class="wrapper">
        <div class="about">
            <div class="title"><span class="effect"><i class="fa fa-comment-o fa-fw"></i> About us</span></div>
            <p><span style="font-weight: 700; color: #FAFAFA;"><span class="special">X</span>STYLED</span> is a design community for the forum software <span style="font-weight: 700; color: #00BA8C;">MyBB</span>.</p>
            <p>You can find free and premium themes, badges, signatures, tutorials, tweaks and more for your community.</p>
            <p>¿What are you waiting for? <span class="joinus" style="font-weight: 700;"><a href="{$mybb->settings['bburl']}/member.php?action=register">¡Join us now!</a></span></p>
        </div>
        <div class="quicklinks">
            <div class="title"><span class="effect"><i class="fa fa-comments fa-fw"></i> Copyright</span></div>
            <a href="www.mybb.com"><font color= "#ffffff">Silnik forum: Oprogramowanie Mybb</font></a>
                <a href="hmybboard.pl"><font color= "#ffffff">Tłumaczenie: Mybboard.pl (support)</font></a>
        </div>
    </div>
</div>

<div id="copyright">
    <div class="wrapper">
        <div class="design"><span style="font-weight: 700;"><span class="special">AY</span>KRASZ edition (1.0) "dev theme"</span></div>
        <div class="mybb">
    
        </div>
    </div>
</div>

Działa wszedzie tylko oprócz strony głównej, frontbg.jpg obok stopki jest

w indexie dodaj na samej gorze <div>

Niestety nic