The Support Forums will be in read-only mode for a scheduled maintenance window on 01 September 2016 14:00 UTC - 20:00 UTC. More information.

[resolved] Full width footer help (6 posts)

  1. amobaroti
    Posted 3 years ago #

    me (HoneyBee change) Post reply

    06:33 (1 minute ago)

    I have a full width header and footer in css

    .header, .footer {min-width: 100%;} I don't even think I need this since they are outside the container

    but the footer won't display full width.

    However when I make container >> .container (width: 100%} the footer becomes full width but then the main content is left aligned. I gave the main content a content class like this >> .content{ width: 1080px; margin: 0 auto;} which did nothing

    Here's the link to the site: - http://millyscakesandevents.com.

    Help please

  2. Andrew Nevins
    Forum moderator
    Posted 3 years ago #

    Where did you get that theme from?

  3. amobaroti
    Posted 3 years ago #

    It's my own theme using blueprint css. it's not finished yet

  4. Michael
    Forum Moderator
    Posted 3 years ago #

    the .footer is inside the .container div - adjust the html structure.

    keep checing the validation of your site during development;
    at the moment there is an end tag </div> missing


  5. amobaroti
    Posted 3 years ago #

    Thanks, I check it all over. I thought I had checked for a missing div. I'll let you know how it goes.

  6. amobaroti
    Posted 3 years ago #

    Cheers alchymyth. all sorted. The div around the logo wasn't closed properly.

    <div> logo <div>

    will get back to being consistent in validating my site. been resting on my laurels.

Topic Closed

This topic has been closed to new replies.

About this Topic