Welcome to WebmasterWorld Guest from 54.205.96.97

Forum Moderators: not2easy

3 columns layout

   
5:02 am on Mar 25, 2011 (gmt 0)



hello all, I'm really stuck with a css layout design, I hope some experts here can bring me some good ideas.

here's what i need to achieve. a full image 1920*1200 to be used as background, the content will be in the middle centered, shadow underneath the content edges and it sit on top of the background image (imagine as different layer).

The content has a header image 1260*205, and it's not design to extend or expand. horizontal menu underneath the header, and followed by a "paper" look design background image for the actual text area.

I need to achieve when the browser size around 1280*1024, it will fit the entire content area. when the browser size increase, then the background image will start appearing on both side of the content area (similar idea to resizing the background when browser size changes.)

I'm sorry for the very messy description, a similar website as example is [bigpond.com.au...]

Thanks in advance.
4:36 pm on Mar 25, 2011 (gmt 0)

WebmasterWorld Senior Member 5+ Year Member



Hi menora, and welcome to WebmasterWorld :)

I didn't think the description messy - well it made sense to me ;).

If I have it right, you are aiming for a "fixed-width centred" layout (for your content) with a "100% background-image". A search on both those terms should give you lots of ideas about how to achieve what you want.
8:43 am on Mar 26, 2011 (gmt 0)



thanks alt131, let me try!
 

Featured Threads

My Threads

Hot Threads This Week

Hot Threads This Month