Is this possible !

Jako posted this at 22:26 — 15th September 2007.

Joined: Sep 2006

I need to design a page with:

An image ALWAYS centre of the screen at the top of the page
2 columns
1 x fixed left column at 200px
1 x main content which hopefully will be liquid

Is it possible??

I just cannot get the image to stay always in the centre of the screen, whilst allowing the main content column to stretch/shrink.

Any ideas/code examples etc greatly appreciated.

webwiz posted this at 01:42 — 16th September 2007.

Joined: May 2007

Would a background image do?

#wrapper {background: url(images/masterpiece.jpg) no-repeat center top;}

sitesupport posted this at 05:12 — 16th September 2007.

Joined: Jun 2007

Here's your basic layout that should work.

body {
text-align: center;
color: #000;
background: #FFF url(img.gif) center top no-repeat;
}

#content {
width: 700px;
text-align: left;
}

.left_column {
width: 200px;
float: left;
}

.main {
width: 500px;
float: right;
}

#footer {
width: 700px;
text-align: center;
text-size: 70%;
}