align to left??

[alexjamesbrown]

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

[DaveWoods]

You'll need to remove the margin: 0 auto from the following styles to left align the page

#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.

[SRD]

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.

[DaveWoods]

For the alignment:
csswiz missed the footer though.

Well spotted, I'd not scrolled that far down

[SRD]

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.

[DaveWoods]

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