6 replies [Last post]
BreakBD
BreakBD's picture
Offline
Enthusiast
Last seen: 14 years 31 weeks ago
Joined: 2005-07-07
Posts: 68
Points: 0

Help mi pple Wink
I think everyone have seen those layouts where there are 3 main columns. Two of them/the side colums/ are dynamic/if u change the resolution they change their weight/. Here is an example:
here
So how do I do it only with css? :roll:

mike lane
mike lane's picture
Offline
Regular
Tacoma, WA
Last seen: 15 years 52 weeks ago
Tacoma, WA
Timezone: GMT-8
Joined: 2005-12-06
Posts: 50
Points: 0

Re: 3 columns/dynamic/

BreakBD wrote:
Help mi pple Wink
I think everyone have seen those layouts where there are 3 main columns. Two of them/the side colums/ are dynamic/if u change the resolution they change their weight/. Here is an example:
here
So how do I do it only with css? :roll:

You mean something like this: www.pristine-light.com?

I'm not 100% sure if I'm following you if not.

http//photos.mikelanestudios.com/
http//blog.mikelanestudios.com/

Tyssen
Tyssen's picture
Offline
Moderator
Brisbane
Last seen: 7 years 7 weeks ago
Brisbane
Timezone: GMT+10
Joined: 2004-05-01
Posts: 8201
Points: 1386

3 columns/dynamic/

I think he means a fluid 3-column layout. Check out http://www.pmob.co.uk/ - they've got lots of different layouts.

How to get help
Post a link. If you can't post a link, jsFiddle it.
My blog | My older articles | CSS Reference

mike lane
mike lane's picture
Offline
Regular
Tacoma, WA
Last seen: 15 years 52 weeks ago
Tacoma, WA
Timezone: GMT-8
Joined: 2005-12-06
Posts: 50
Points: 0

3 columns/dynamic/

Tyssen wrote:
I think he means a fluid 3-column layout. Check out http://www.pmob.co.uk/ - they've got lots of different layouts.

That's what I thought until I saw his image. Looks like a centered one faux column thing.

http//photos.mikelanestudios.com/
http//blog.mikelanestudios.com/

BreakBD
BreakBD's picture
Offline
Enthusiast
Last seen: 14 years 31 weeks ago
Joined: 2005-07-07
Posts: 68
Points: 0

Re: 3 columns/dynamic/

mike lane wrote:
BreakBD wrote:
Help mi pple Wink
I think everyone have seen those layouts where there are 3 main columns. Two of them/the side colums/ are dynamic/if u change the resolution they change their weight/. Here is an example:
here
So how do I do it only with css? :roll:

You mean something like this: www.pristine-light.com?

I'm not 100% sure if I'm following you if not.
mmm yep just like this one. I could open the source and look how it's done, but It's really messy, so can someone explain mi with 1-2 sentances how can that be done, please? :?

Chris..S
Chris..S's picture
Offline
Moderator
Last seen: 9 years 10 weeks ago
Timezone: GMT+1
Joined: 2005-02-22
Posts: 6078
Points: 173

3 columns/dynamic/

body {
  width: <somewidth>px;
  margin: 0 auto;
  background: url(images/somebackground.jpg) repeat-y center top #<somecolor>;
}

your image is a single line made way too wide, where the centre part of the image corresponds to your desired page background. Set the colour in the background property to be the desired background colour if someone manages to have a screen wider than your image.

example

yoo
Offline
newbie
Last seen: 13 years 18 weeks ago
Joined: 2008-07-28
Posts: 2
Points: 0

3 colums template

This comment has been moved here.