On 09.11.2011 19:51, mem wrote:
Question A) What unit should we use ? I've seen on some sites the
option for "max-width: 100%" I've seen max-width defined with: em;
I've seen it with px;
To make a flexible layout play well across the increasing spread of
large and small screens/devices, I often start out with the following
"mix" for main container...
"width: 99%; min-width: 560px; max-width: 76em;"
...which makes reasonably good use of available window-width without
becoming too wide or too narrow. Modifying these values along with other
layout details at both "ends" and at certain intermediate window-widths
for capable browsers in a small number of mediaqueries, for improved
results.
Question B) If we do so on the container wouldn't we end up with some
overlapping things on a certain zoom in scale ? If so, how would we
avoid it ? - Will we avoid it by dropping this idea of making margins
and paddings with EM and use % instead ?
Zooming should not cause overlapping - unless one plays too much with
absolute positioning and other techniques with similar effects in a layout.
I prefer side-margins in % for optimal use of available window-width though.
regards
Georg
______________________________________________________________________
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
