Fluid layout -> fixed layout at a certain browser width

HTML & CSS
1

Hi guys-

I’m trying to take my fluid site layout, and wrap it in a div so that when the browser passes 1280px in width, the site becomes fixed in the center and no longer grows fluidly as the browser gets bigger.

I’m sure this is relatively simple and the CSS is already set up in a responsive way that will grow/shrink and change layouts at various browser widths, but I’m a bit of a hack at this stuff and I can’t quite figure out how to do this. Any suggestions?

My redesigned site is here:
http://www.motionphi.com/v6/

I haven’t posted to this forum since my last redesign several years ago, so if I need to include any other info or am not asking in the right way, please let me know!

Thanks in advance for any help.

DS

2

It sounds like what you’re looking for is the max-width attribute.

3

You’ll need to do somethng about htat left sidebar though since it’s position:fixed,. Might want to remove the left:0; and go with the default auto coordinates.

To make this easy, you can set max-width:1280px;margin:auto; on the body tag. Then remove left:0; from the header.

4

Ryan- Well that was almost too easy. Thank you, worked perfectly.

DS

5

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.