Hi I'm doing this project for college and I'm using a Dreamweaver css template put I can't get the centre content to fit properly, if you go here you see what I mean, this problems in Firefox and then in IE theres a spacing problem with the columns on left and right

http://jonathanpower.ie/advert_test.html

and if you go here you will see a jpeg of how its supposed to look

http://jonathanpower.ie/advert.html

I'm lost on what to do, any help would be greatly appreaciated

Thanks

grownupstudent

All you need to do is place a style of position: absolute; top: somethingpx; right: somethingpx; in with the #mainContent portion. Obviously you want to place a number where "something"px is. This will put the image over the white area and then just position it accordingly.

Kind Regards,

Brannon
http://www.goodboyweb.com

The content part needs to have margins set. (from the right and the left due to the sides).

The only thing necessary is for you to float #mainContent - add float:left to #mainContent, it will put the 'notepad' div where you want it. Position:absolute is NOT necessary, nor is it recommended.

Thanks very much for the helpfull replies, the fload left worked on getting the main centre column where I wanted it but I still have a spacing problem at the top of the left and right columns in IE browser how would I get around this problem please?

grownupstudent

Get rid of the 30px of top padding on #sidebar1 and #sidebar2.

Hi LadynRed

Finally got it all worked out, because I was using a Dreamweaver template there was inline styles in the HTML page as well as the external style sheet, I discovered this when I validated the page and it came back with 232 errors! anyway its all fixed up now

Thanks everybody for the help

grownupstudent