Comments on: Web Browser Zoom: Design consequences http://www.tibobeijen.nl/blog/2009/03/07/web-browser-zoom-design-consequences/ ...another view on the web and how it's built Mon, 28 Nov 2011 10:34:31 +0000 hourly 1 http://wordpress.org/?v=3.2.1 By: Tibo Beijen http://www.tibobeijen.nl/blog/2009/03/07/web-browser-zoom-design-consequences/comment-page-1/#comment-1039 Tibo Beijen Thu, 11 Jun 2009 07:08:44 +0000 http://www.yunademo.nl/preview/tibobeijen.nl/?p=42#comment-1039 This article is more about design <em>decisions</em> than about how to <em>create</em> a design with CSS. The topic of CSS is covered abundantly on the net and I'd suggest searching for terms like css, float, layout, overflow etc. If divs need to be stretched when content grows 'clear:both' is the search-term to go for... For a place to drop tech-questions I can really recommend <a href="http://www.sitepoint.com/forums/" rel="nofollow">Sitepoint Forums</a>. This article is more about design decisions than about how to create a design with CSS. The topic of CSS is covered abundantly on the net and I’d suggest searching for terms like css, float, layout, overflow etc. If divs need to be stretched when content grows ‘clear:both’ is the search-term to go for…
For a place to drop tech-questions I can really recommend Sitepoint Forums.

]]> By: Debbie http://www.tibobeijen.nl/blog/2009/03/07/web-browser-zoom-design-consequences/comment-page-1/#comment-1036 Debbie Wed, 10 Jun 2009 16:23:58 +0000 http://www.yunademo.nl/preview/tibobeijen.nl/?p=42#comment-1036 Having issues with text zoom vs. page zoom. It seems that you can not design for both when you are dealing with divs. Infact text zoom does not work at all when dealing with divs. They are all positioned with ems absolutely with text that is told to be a cetain size in css. HOWEVEr in firefox even if you tell text size to stay 14em it will grow anyways. And that moves all the images and whatever else i have on page things overlap it is a mess. then i designed the same page in tables now things are stuck and page layout does not differ due to nesting. however now however over divs don't line up correctly when browser is shrunk or grown because however over doesn't work in tables only works in divs. The tables and div's line up differently because they react differently to the browser being shrunk and expanded. Any ideas on how to fix this issue would be appreciated. Trying to design website for all sorts of users. edit: *hoverover Having issues with text zoom vs. page zoom. It seems that you can not design for both when you are dealing with divs. Infact text zoom does not work at all when dealing with divs. They are all positioned with ems absolutely with text that is told to be a cetain size in css.
HOWEVEr in firefox even if you tell text size to stay 14em it will grow anyways. And that moves all the images and whatever else i have on page things overlap it is a mess.

then i designed the same page in tables now things are stuck and page layout does not differ due to nesting.
however now however over divs don’t line up correctly when browser is shrunk or grown because however over doesn’t work in tables only works in divs. The tables and div’s line up differently because they react differently to the browser being shrunk and expanded. Any ideas on how to fix this issue would be appreciated. Trying to design website for all sorts of users.

edit: *hoverover

]]>