Comments on: Fixed, Fluid, or Elastic Width Layouts? http://www.onenaught.com/posts/9/fixed-fluid-or-elastic-width-layouts A blog on web standards, accessibility, css, javascript, xslt, and more Mon, 22 Feb 2010 01:46:42 +0000 http://wordpress.org/?v=2.9.2 hourly 1 By: Sexy Web Design Inspiration « Aaron Snowberger’s Home Abroad http://www.onenaught.com/posts/9/fixed-fluid-or-elastic-width-layouts/comment-page-1#comment-14065 Sexy Web Design Inspiration « Aaron Snowberger’s Home Abroad Fri, 19 Feb 2010 05:46:08 +0000 http://localonenaught/posts/9/fixed-fluid-or-elastic-width-layouts#comment-14065 [...] Fixed, Fluid, or Elastic Width Layouts? – by Anup Shah [...] [...] Fixed, Fluid, or Elastic Width Layouts? – by Anup Shah [...]

]]> By: Tim Inglis http://www.onenaught.com/posts/9/fixed-fluid-or-elastic-width-layouts/comment-page-1#comment-13995 Tim Inglis Tue, 13 Oct 2009 18:13:08 +0000 http://localonenaught/posts/9/fixed-fluid-or-elastic-width-layouts#comment-13995 Thanks for your response Anup. It was very helpful. By the way, in reference to "unless you are on IE6"... If I was forced to use IE6 I would probably give up on browsing the web altogether. lol Thanks for your response Anup. It was very helpful.

By the way, in reference to “unless you are on IE6″… If I was forced to use IE6 I would probably give up on browsing the web altogether. lol

]]> By: Anup Shah http://www.onenaught.com/posts/9/fixed-fluid-or-elastic-width-layouts/comment-page-1#comment-13994 Anup Shah Tue, 13 Oct 2009 12:44:28 +0000 http://localonenaught/posts/9/fixed-fluid-or-elastic-width-layouts#comment-13994 Hi Tim. This blog actually uses a % size for the body and em elsewhere and resize with ems is not a problem. That being said, all the major browsers now support zoom so em-based resizing often won't kick in (unless you are on IE6). Hi Tim. This blog actually uses a % size for the body and em elsewhere and resize with ems is not a problem.

That being said, all the major browsers now support zoom so em-based resizing often won’t kick in (unless you are on IE6).

]]> By: Tim Inglis http://www.onenaught.com/posts/9/fixed-fluid-or-elastic-width-layouts/comment-page-1#comment-13992 Tim Inglis Fri, 09 Oct 2009 18:32:33 +0000 http://localonenaught/posts/9/fixed-fluid-or-elastic-width-layouts#comment-13992 Hi Anup. One of the SitePoint books - The Principles of Beautiful Web Design by Jason Beaird, pg 123 - talks about setting the font size in the body tag to 62.5%, which allows you to scale ems to px by moving the decimal place. For example, 12px = 1.2em, 32px = 3.2em and so forth. It's a technique that I use often, but do you know how that might effect things in an elastic layout? You still set your font sizes specifically in your element tags (p { font-size: 1.6em }) but I'm not too sure whether or not the browser would take its em proportions from the body size of 62.5% or the actual font size of 1.6em. I'm pretty sure that it sets the size proportionally to the percentage, but I thought I'd ask for your take on it. I hope this question isn't too confusing. All the best, Tim. Hi Anup.

One of the SitePoint books – The Principles of Beautiful Web Design by Jason Beaird, pg 123 – talks about setting the font size in the body tag to 62.5%, which allows you to scale ems to px by moving the decimal place. For example, 12px = 1.2em, 32px = 3.2em and so forth. It’s a technique that I use often, but do you know how that might effect things in an elastic layout?

You still set your font sizes specifically in your element tags (p { font-size: 1.6em }) but I’m not too sure whether or not the browser would take its em proportions from the body size of 62.5% or the actual font size of 1.6em. I’m pretty sure that it sets the size proportionally to the percentage, but I thought I’d ask for your take on it.

I hope this question isn’t too confusing.

All the best,

Tim.

]]> By: Designing for 1024×768 or 1000 pixel screen resolution « Bang Your Drum - web design | digital marketing - Bristol, UK http://www.onenaught.com/posts/9/fixed-fluid-or-elastic-width-layouts/comment-page-1#comment-278 Designing for 1024×768 or 1000 pixel screen resolution « Bang Your Drum - web design | digital marketing - Bristol, UK Thu, 11 Oct 2007 19:48:28 +0000 http://localonenaught/posts/9/fixed-fluid-or-elastic-width-layouts#comment-278 [...] Fixed fluid or Elastic [...] [...] Fixed fluid or Elastic [...]

]]>