modularity lite

  • Author
    Posts
  • #1305974

    historyitm
    Member

    i have tried to move around the footer, but on the front page (blogroll) it is too far to the left – if i fix that then it is too far to the right on all the other pages. at the moment i am using this:
    #footer-wrap {
    width: 990px;
    margin: 0 0px;
    }
    if i make it into this
    #footer-wrap {
    width: 990px;
    margin: 0 90px;
    } it works on the front page but not the others.

    The blog I need help with is historyitm.wordpress.com.

    #1306154

    timethief
    Member

    This thread will be moved to the CSS Forum for you where you can get the help you need.

    #1306199

    Hi there,

    You didn’t explain exactly what you are wanting, so I’m going to take a little bit of a guess. To get everything to align vertically on the site, I would use auto left and right margins for all the parent elements. In #top, I’ve included a background declaration. Create a new 990px wide header image, upload it to your media library, get the URL of that image and replace URL OF IMAGE between the double quote marks. Give this a try and see what you think.

    #top {
    background: url("URL OF IMAGE") no-repeat scroll 0 0 transparent;
    margin-left: auto;
    margin-top: auto;
    width: 990px;
    }
    
    #top div.main-nav {
    width: 100%;
    }
    
    .container {
    margin-left: auto;
    margin-right: auto;
    }
    
    #footer-wrap {
    margin-left: auto;
    margin-right: auto;
    width: 990px;
    }

    If this isn’t what you were looking for, please let me know and we will help you get there.

    PS. I love your background image.

    #1306222

    historyitm
    Member

    cool, thanks heaps!
    i have been learning very slowly how to change css things, and mostly by looking up different bits of code people have used – so i got myself a bit muddled. but using the auto margin is great – as now the parts all seem to align nicely, and fit different computer screen sizes – and it seems to have corrected whatever i did to make the ‘blog’ page align differently to the other pages. i am happy with the header as a slightly different size, but might think about using this code to make a different sized one in future.
    thanks again!!

    #1306223

    You are very welcome and do let us know if you have any further questions. (CSS is fun though, isn’t it?) :)

The topic ‘modularity lite’ is closed to new replies.