SitePoint Sponsor

User Tag List

Results 1 to 6 of 6

Thread: align to left??

Hybrid View

  1. #1
    SitePoint Enthusiast
    Join Date
    Dec 2006
    Posts
    55
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    align to left??

    Hi there,
    i've taken over this project:

    http://www.mcfinaworldwide.com/TEMP/xceptionalCSS/

    but i cant get the site to align to the left?
    any ideas?

    also, the left column (light grey) stops short of the content div..
    how can i get them the same height?

    alex

  2. #2
    SitePoint Wizard bronze trophy DaveWoods's Avatar
    Join Date
    Dec 2004
    Location
    Derbyshire - UK
    Posts
    2,651
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    You'll need to remove the margin: 0 auto from the following styles to left align the page

    Code:
    #header {
        width: 700px;
        height: 200px;
        margin: 0 auto;
        background: url(images/nationalexpress.jpg) no-repeat left bottom;
    }
    #page {
        width: 700px;
        margin: 0 auto;
    }
    As for the column expanding, CSS doesn't behave like tables which is probably what you're expecting.

    To achieve the effect you're after you'll probably need to use faux columns. Sure that Paul O'B has a few examples lying around but I don't have any bookmarked.

    Failing that, give Google a try for Faux columns, faux backgrounds css or something like that.

  3. #3
    SitePoint Zealot
    Join Date
    Sep 2007
    Location
    Wiltshire, UK.
    Posts
    106
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    For the alignment:
    Your divs classed header, page and footer have margin: 0 auto set in the stylesheet. If you remove the auto it should have the desired effect.

    I can't help with the column height although Paul O'B 's 3 col layout with header and footer sticky in this forum might point you on the way.

    csswiz missed the footer though.
    Last edited by SRD; Oct 1, 2007 at 08:00. Reason: Posted too late

  4. #4
    SitePoint Wizard bronze trophy DaveWoods's Avatar
    Join Date
    Dec 2004
    Location
    Derbyshire - UK
    Posts
    2,651
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by SRD View Post
    For the alignment:
    csswiz missed the footer though.
    Well spotted, I'd not scrolled that far down

  5. #5
    SitePoint Zealot
    Join Date
    Sep 2007
    Location
    Wiltshire, UK.
    Posts
    106
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by csswiz View Post
    Well spotted, I'd not scrolled that far down
    That's the trouble with techies, they don't look at the page only the code.

  6. #6
    SitePoint Wizard bronze trophy DaveWoods's Avatar
    Join Date
    Dec 2004
    Location
    Derbyshire - UK
    Posts
    2,651
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by SRD View Post
    That's the trouble with techies, they don't look at the page only the code.
    hehe, it was both... I'd not got the browser maximised and therefor only saw the header and start of the page within the browser


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •