Post Archive

› September 21, 2004

Resolution dependent layout

  • Reported by Russ

The Man in Blue has found a possible solution to the liquid layout debate: "The solution is to add a little vitamin J. JavaScript can tell you what the width of a browser is, then react accordingly. By default the content is displayed in a single column. Non-JavaScript enabled browsers, or lower resolution ones, will stay that way. But if you're 1024-up, with JavaScript, an alternate stylesheet gets put into action."

See an example in action

Comments

1. September 21, 2004 03:29 AM

Quote this comment

Moose Posted…

There are CSS3 media queries for that purpose.

2. September 21, 2004 02:01 PM

Quote this comment

Darrel Posted…

I like that solution a lot! Very nice. Moose...tell us more about the 'media queries' option...

3. September 21, 2004 07:39 PM

Quote this comment

Moose Posted…

You can find everything on Google:

There is one browser that supports media queries. More will come in time. I do not find yet another yavaskript 'solution' attractive in the least. Castles in the sand...

4. September 22, 2004 02:15 AM

Quote this comment

laacz Posted…

First, CSS3 is far far away. 2nd - I could not get it to work in Firefox 1.0PR :)

5. September 22, 2004 02:48 AM

Quote this comment

csant Posted…

Media Queries are Candidate Recommendation, and thus much less far far away than other CSS3 modules. Report a bug and try to get it implemented in FF as well...

6. September 22, 2004 04:20 AM

Quote this comment

Anne Posted…

There is a bug for that, thanks.

7. September 22, 2004 05:29 AM

Quote this comment

Simon Posted…

Firefox 1.0PR works for me, but in only updates after you've finished resizing and let go of the size grip. Took me a while to realize that.

8. September 22, 2004 03:16 PM

Quote this comment

Tommy Posted…

Cool idea, I think I will use that on my next redesign. I've been looking for a decent liquid layout fix for a while now.