MyBB Community Forums

Full Version: Expanding a pesky header that wont expand **SOLVED**
You're currently viewing a stripped down version of our content. View the full version with proper formatting.
How can i expand this page to fit the whole page. I have some users who just wont accept the nice sleek compact view of mybb's default install.
#container{
width:100%;
}

in global.css for your theme

obviously there is more code to the container but that's all you need to change
(2010-01-12, 03:20 PM)punked Wrote: [ -> ]
#container{
width:100%;
}

in global.css for your theme

obviously there is more code to the container but that's all you need to change

changing the max width from 1024 to anything higher buggers it up good. I think perhaps i have to get a new template.
You should set it in percent otherwise on small screens it will be too big.
(2010-01-12, 03:53 PM)kaffien Wrote: [ -> ]
(2010-01-12, 03:20 PM)punked Wrote: [ -> ]
#container{
width:100%;
}

in global.css for your theme

obviously there is more code to the container but that's all you need to change

changing the max width from 1024 to anything higher buggers it up good. I think perhaps i have to get a new template.

Check what you css table widths are then increase accordingly. This might help
(2010-01-12, 04:34 PM)punked Wrote: [ -> ]
(2010-01-12, 03:53 PM)kaffien Wrote: [ -> ]
(2010-01-12, 03:20 PM)punked Wrote: [ -> ]
#container{
width:100%;
}

in global.css for your theme

obviously there is more code to the container but that's all you need to change

changing the max width from 1024 to anything higher buggers it up good. I think perhaps i have to get a new template.




Check what you css table widths are then increase accordingly. This might help


Are you referring to the other .css's? I want the thing to span a 24 inch monitor set at 1920x1200. setting it to 100% doesnt seem to do it. I will monkey with this later.
check out www.tntgp.com the top image just wont go all the way accross.

I have tried the following global.css edit

#container {
width: 95%;
border: 0px;
color: #4d4d4d;
margin: 0px auto 0px auto;
padding: 0px 20px;
text-align: left; /* IE 5 fix */

I can't find any other settings pertaining to this width. Is it in another .css file?
Spans fine on mine, i'll try on my mac at work tomorrow, but on 1280 width it's fine
(2010-01-12, 07:48 PM)punked Wrote: [ -> ]Spans fine on mine, i'll try on my mac at work tomorrow, but on 1280 width it's fine

The item in question is the bar beneath the TNTGP diamond sign.

It's not spanning the whole page but the others are.
the setting that needed adjustment was in the global.css.

I changed the background settings from no-repeat to repeat-x.

this solved the issue.