Jump to content

Possible Layout?


adam87

Recommended Posts

Hey I'm quite an experienced web designer but trying something new below is a quick draw up i made of what I'm going to try and explain

 

siteidea1.th.jpg

 

Basically I have got the middle of my page where I want the content but then I have an outer bit which I have currently sliced thru using Photoshop.

I want the left and right sides to be expandable depending on the size of the window. Also I would like to know how to keep the content, header and footer centre of the page an also what would be the recommended way of positioning the div tag for the content (or even using another way).

 

Hope I have explained it correctly :S

 

Adam :)

Link to comment
Share on other sites

Hey I'm quite an experienced web designer

 

Based on the picture, your left/right columns only indicate a background image, so my first question is, are those columns of content or simply a background image...

 

This is a pretty basic layout, you sure you are an experienced web designer?

 

Have you searched fluid css layout?

Link to comment
Share on other sites

I know if you have a center div and want that to be "centered" in the page u can use:

 

margin-right: auto;

margin-left: auto;

 

 

Just put that in your div and it will be centered.

 

Don't forget you will need to define a width for your div aswell in order for auto margins to work.

Link to comment
Share on other sites

This thread is more than a year old. Please don't revive it unless you have something important to add.

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.