MyBB Central

Full Version: Help with background continuation?
You're currently viewing a stripped down version of our content. View the full version with proper formatting.
[Image: ibBG62.png]

See where the red arrow is pointing? How can I make the background continue to repeat over the grey area? But still be under the banner?

Thanks in advance.

Also this is my header template:

Code:
<div id="container">
        <a name="top" id="top"></a>
        <div id="header">
            <div id="logo">
                <center><img src="images/forums/logo.png" alt="" title="" /></center>    
            <div id="panel">
                <div class="upper"><!-- This div(class="upper") is closed in the header_welcomeblock_member and header_welcomeblock_guest templates -->
                    <div class="wrapper">
                        <ul class="menu top_links">
                                                        <li><a href="***********************/"><img src="images/forums/th_forum-1.gif" alt="" title="" /> Home</a></li>
                                                        <li><a href="***********************"><img src="images/forums/th_s2don.png" alt="" title="" /> Donate</a></li>
                                                        <li><a href="***********************"><img src="images/forums/th_Untitled-1-1.png" alt="" title="" /> Recover Password</a></li>
                                                        <li><a href="***********************"><img src="images/forums/th_coins.gif" alt="" title="" /> Vote4Cash</a></li>
                                                        <li><a href="***********************"><img src="images/forums/th_imijbl.png" alt="" title="" /> Play Now</a></li>
                                                        <li><a href="***********************"><img src="images/forums/th_Untitled-11.png" alt="" title="" /> Download!</a></li>
                            <li><a href="{$mybb->settings['bburl']}/search.php" class="search">{$lang->toplinks_search}</a></li>
                            <li><a href="{$mybb->settings['bburl']}/calendar.php" class="calendar">{$lang->toplinks_calendar}</a></li>
                            <li><a href="{$mybb->settings['bburl']}/memberlist.php" class="memberlist">{$lang->toplinks_memberlist}</a></li>
                        </ul>
                                                </br>
                                                </br>
                                                </br>
                        <center>{$welcomeblock}</center>
            </div>
        </div>
        <div id="content">
            <div class="wrapper">
                {$pm_notice}
                {$bannedwarning}
                {$bbclosedwarning}
                {$unreadreports}
                {$pending_joinrequests}
                <navigation>
                <br />
You container theme component will have some sort of padding which stops it from reaching the very edge. The problem with this is that when you change the container padding then you change it for everything and instead of just the header. The solution would be to create a differnet component for the header than everything else, but its gonna take some experimenting.

BTW you know how you wanted it to be transparent for the top links?
Code:
<div id="panel">

The code above is your problem. It creates the panel pattern there, making that gray shape. It's in your global.css.

Not sure but I think you can create something like #fullheader in the css, and call it in here to fix the problem instead of changing the container.