I'm looking at 2 elastic (em based) design concepts for a new web site I'm making.
The first concept's benefit is that the source order is header, horizontal navigation, primary content, secondary content (sidebar). The con is that when text size is changed to a certain point (namely the wrapper becomes wider than the viewport) a horizontal scrollbar is introduced.
The second concept's con is that the source order is header, horizontal navigation, secondary content (sidebar), primary content. The pro is if you resize the text and/or thin the browser window and the wrapper width approaches the width of the viewport, when the wrapper meets the viewport and the text size is enlarged or the window is made smaller, it doesn't introduce a horizontal scrollbar (it sticks to the viewport until the viewport becomes wider than the maximum width of the wrapper in ems).
Without going into the details of the CSS, which would you choose?
Has anyone else noticed sticky footers don't work properly in IE 8b2?