WordPress.org

Ready to get started?Download WordPress

Forums

Make width 100% (9 posts)

  1. makta112
    Member
    Posted 1 year ago #

    Hello

    I'm trying to make the width of my site's "branding"-area 100% auto, but i am unable to do it somehow.

    I am using this code for my site's footer, and it works fine:

    #site-generator {
        background: none repeat scroll 0 0 #EEEEEE;
        border-top: 1px solid #B5B5B5;
        font-size: 13px;
        left: 0;
        margin: 20px auto auto;
        padding: 5px 0;
        position: absolute;
        width: 100%;
    }

    But when i place the same code for the site's branding, it won't work.

    Help please?

    My site

  2. esmi
    Forum Moderator
    Posted 1 year ago #

    Try using Firefox with the Firebug add-on for this kind of CSS work.
    http://getfirebug.com/

  3. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    The header is inside the page div -- which has a max-width of 950px. So 100% is 950px.

  4. makta112
    Member
    Posted 1 year ago #

    I am using Firebug.

    WPyogi, is it possible to change the width of the header without changing the page div?

  5. Andrew
    Forum Moderator
    Posted 1 year ago #

    Move the header outside of that div.

  6. makta112
    Member
    Posted 1 year ago #

    Ok. I'll try that.

  7. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    Yep, as Andrew said. But because of the way your site is structured, that may be a bit complicated - as is, you are using a negative top margin to put the navigation section at the top of the page...

  8. makta112
    Member
    Posted 1 year ago #

    Would it be more simple if I removed the negative margin?

  9. makta112
    Member
    Posted 1 year ago #

    I think it worked... I just have to fix some css things.

Topic Closed

This topic has been closed to new replies.

About this Topic