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, 09 Jan 2012 03:47:00 +0000 hourly 1 http://wordpress.org/?v=3.3.1 By: baboon.co http://www.onenaught.com/posts/9/fixed-fluid-or-elastic-width-layouts/comment-page-1#comment-14814 baboon.co Sun, 13 Mar 2011 09:28:53 +0000 http://localonenaught/posts/9/fixed-fluid-or-elastic-width-layouts#comment-14814 Thanks for this article I hope this question isn’t too confusing. Thanks for this article I hope this question isn’t too confusing.

]]> By: suavedesign http://www.onenaught.com/posts/9/fixed-fluid-or-elastic-width-layouts/comment-page-1#comment-14766 suavedesign Sun, 05 Dec 2010 08:57:49 +0000 http://localonenaught/posts/9/fixed-fluid-or-elastic-width-layouts#comment-14766 So what do you suggest I can do to fix this problem? At first, my css was all in ems, and when I saw that the layout gets messed up when zoomed, I changed it all to ems to correct the problem. But that did not help, the layout still gets totally distorted when a user zooms! Any suggestions? Thanks. So what do you suggest I can do to fix this problem? At first, my css was all in ems, and when I saw that the layout gets messed up when zoomed, I changed it all to ems to correct the problem. But that did not help, the layout still gets totally distorted when a user zooms! Any suggestions? Thanks.

]]> By: Anup Shah http://www.onenaught.com/posts/9/fixed-fluid-or-elastic-width-layouts/comment-page-1#comment-14765 Anup Shah Thu, 02 Dec 2010 23:31:44 +0000 http://localonenaught/posts/9/fixed-fluid-or-elastic-width-layouts#comment-14765 Hi, If you see my <a href="#comment-13994" rel="nofollow">earlier comment</a> it may be that because all modern browsers now support zoom, that em-based isn't as useful as it once was...? Hi,

If you see my earlier comment it may be that because all modern browsers now support zoom, that em-based isn’t as useful as it once was…?

]]> By: suavedesign http://www.onenaught.com/posts/9/fixed-fluid-or-elastic-width-layouts/comment-page-1#comment-14764 suavedesign Thu, 02 Dec 2010 19:57:30 +0000 http://localonenaught/posts/9/fixed-fluid-or-elastic-width-layouts#comment-14764 Hi Thanks for this article. If you can help, I'd appreciate it immensely: I created an elastic website, using ems for every element, and the site still gets completely distorted when a user zooms. Do you have anything to suggest? The site I'm referring to is www.newstylesignsusa.com I'd really appreciate any help you can offer!!!! Thank you! Hi
Thanks for this article. If you can help, I’d appreciate it immensely: I created an elastic website, using ems for every element, and the site still gets completely distorted when a user zooms. Do you have anything to suggest? The site I’m referring to is http://www.newstylesignsusa.com I’d really appreciate any help you can offer!!!! Thank you!

]]> 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 [...]

]]>