MyBB Community Forums

I am trying to make my header's width: 100% but there are still gap on the left side? Is there a way to make whole fixed header 100% with no white space next to it?

Problem: http://gyazo.com/722c5b902755f03381144e8774fdc252
Make it like the other side: http://gyazo.com/f2fe1383dac430ab7494b63c999c85c0

Website: http://www.comingsoon.visualizeedits.com/

Remove

margin-top: -8px;

In #fixed_header from your global.css stylesheet.

(2013-07-16, 09:26 PM)Arbaz Wrote: [ -> ]Remove

margin-top: -8px;

In #fixed_header from your global.css stylesheet.

No, I wanted that there so that it could touch the top of the page, I'm trying to fix the width of that blue bar so that it will be 100%. (Touching left to right of the page)

Oh my bad.

In #header, change the width from 85% to 100%

(2013-07-16, 10:07 PM)Arbaz Wrote: [ -> ]Oh my bad.

In #header, change the width from 85% to 100%

How do I center my header now? (not my fixed header though) Do I have to change the html a little and take the (fixed header) out of the header?

You could add the following to #Header_container

position: center;

(2013-07-16, 10:22 PM)Arbaz Wrote: [ -> ]You could add the following to #Header_container

position: center;

It's an invalid property value. My HTML header layout is this:

<div id="header_container">
        <div id="fixed_header">

        </div>

        <div id="header">
                <div id="top_header">
    
                </div>
    
	        <div id="title_header">
    
                </div>
    
                <div id="bottom_header">
    
                </div>
        </div>
</div>

Did you add position: center; in global.css?

position: relative;

see how position work here: http://www.w3schools.com/cssref/playit.a...s_position

Yes I did.