timme_rich — 2010-04-01T12:39:00-04:00 — #1
Hi its my first post here, I've found myself reading some of the sitepoint blogs and clearly this is a great place for CSS discussion; so HI!
I'd like to know what methods people use to layout their pages for different display sizes? I have a simple brochure site with the content in the middle and blankspace on either side like: http://www.corshamref.net/.
If i was using a fixed width for the content I'd probably settle for 800px, but this looks like a narrow alley on larger size screens.
To make the width change to fit different screen sizes do you use %ages so that the page auto resizes or do you switch style sheets for different size screens?
ryanreese — 2010-04-01T18:18:47-04:00 — #2
You can set min/max widths on the parent elements and thus it will accomodate for a wide range of screen sizes. Then you can set percentages for your inner structure to make it flexible..though realize that pixel perfect layouts via this method is impossible
alexdawson — 2010-04-02T03:52:52-04:00 — #3
paulob — 2010-04-02T09:06:49-04:00 — #4
As Ryan said you could use min and max widths to allow the page to scale within a reasonable range. You don't want it too wide because long lines are unreadable and usually you would stop the page getting too small just before the point that it all breaks up.
Here is a min max demo although this one is a little complicated as it has other features.
timme_rich — 2010-04-04T08:33:56-04:00 — #5
Thanks guys, The Min/Max width method is what I've been looking for, thanks for the help!
timme_rich — 2010-04-07T06:41:33-04:00 — #6
I now have a slightly unusual problem. I have content that is in the center column div but I want it to display in the right column, also I don't want it to affect the flow of the center column content. Unfortunately the CMS I'm using outputs all content to one div.
Does anyone have any suggestions to fix this using CSS?
stomme_poes — 2010-04-07T08:16:45-04:00 — #7
I have content that is in the center column div but I want it to display in the right column,
I'm confused, I don't SEE a right column. I see a left column and a center column. Did you mean you want to create a right column?
paulob — 2010-04-07T13:01:40-04:00 — #8
You may need to give us an example of some sort if you are not referring to the site in the first post. We'd need to see what sort of structure we are working with and then we can try and think of ways of doing what you want:)
black_max — 2010-04-07T23:56:08-04:00 — #9