Comments on: The Problem With Em-Based Layouts http://www.ScottNelle.com/33/the-problem-with-em-based-layouts/ Scott Nellé's Personal Site Mon, 06 Sep 2010 19:33:30 +0000 hourly 1 http://wordpress.org/?v=3.0.1 By: Scott Nellé http://www.ScottNelle.com/33/the-problem-with-em-based-layouts/comment-page-1/#comment-1856 Scott Nellé Tue, 12 Aug 2008 14:05:14 +0000 http://www.scottnelle.com/?p=33#comment-1856 I had totally forgotten that Firefox 3 uses page zoom instead of text resizing. Setting it to use text zooming only I can get the layouts to work. I'll update the post accordingly. It seems like browsers are all moving toward page zooming, so I wonder how much longer em-based layouts will even make sense. It's a clever technique, but the way browsers have implemented page zooming seems to break the most clever implementations. I had totally forgotten that Firefox 3 uses page zoom instead of text resizing. Setting it to use text zooming only I can get the layouts to work. I’ll update the post accordingly.

It seems like browsers are all moving toward page zooming, so I wonder how much longer em-based layouts will even make sense. It’s a clever technique, but the way browsers have implemented page zooming seems to break the most clever implementations.

]]> By: Dustin Tigner http://www.ScottNelle.com/33/the-problem-with-em-based-layouts/comment-page-1/#comment-1855 Dustin Tigner Tue, 12 Aug 2008 02:20:53 +0000 http://www.scottnelle.com/?p=33#comment-1855 Over the last few days, I've converted my entire layout to em and found, at first, that it worked rather well. However, I've made a few changes to my markup to make it more semantically correct, which only unleashed ongoing problems. Your point is very valid. If someone needed to increase the size of the text, it's likely they are older, using older technology. However, as time passes, this becomes less true. With my current design, for whatever reason, I cannot get it to scale down correctly. It's like the containing div reduces in size more so than its contents, making my objects wrap. I like elastic designs, though I'm now wondering if all this extra time is even needed. FireFox 3 does not increase the text size, it zooms in and out. Thus, it doesn't matter if you design your site in px or em, the site will scale perfectly - including all the images. I'm thinking of ditching my em layout and moving back to my good pal px. :o) Over the last few days, I’ve converted my entire layout to em and found, at first, that it worked rather well. However, I’ve made a few changes to my markup to make it more semantically correct, which only unleashed ongoing problems.

Your point is very valid. If someone needed to increase the size of the text, it’s likely they are older, using older technology. However, as time passes, this becomes less true.

With my current design, for whatever reason, I cannot get it to scale down correctly. It’s like the containing div reduces in size more so than its contents, making my objects wrap. I like elastic designs, though I’m now wondering if all this extra time is even needed.

FireFox 3 does not increase the text size, it zooms in and out. Thus, it doesn’t matter if you design your site in px or em, the site will scale perfectly – including all the images.

I’m thinking of ditching my em layout and moving back to my good pal px. :o)

]]>