Sent by David Laakso on 7 June 2007 05:05
trevor bayliss wrote:
> I just got a comment from one of the list members that I don`t understand about my webpage saying,
and I quote: "your layout is a bit weak, and can't take much, if any,
> font-resizing in any browser. Test in browsers and you'll see how easily it breaks."
> He suggests a complete rewriting of this weak layout but I don`t know what that would be. What
does he mean by "it breaks" in a browser? How can I rewrite it? Thank you!
>
> http://216.219.94.105/index1.cfm
>
>
A good structural test for a layout is that it should hold without
breaking, overlapping, or float dropping at +2 font-zoom in the Gecko
browsers. And at text-size "largest" in with ignore font sizes checked
in accessibility mode [1]in IE5 through 7. Some designers also check
their layout for breaking by setting the minimum font size at least 24px.
With regard to re-writing, you are running 5 columns and may need even
more width than you currently show-- granted you'll draw an even wider
scrollbar at 800. Allowing the software to layout the page without
restriction (particularly avoiding setting height) helps.
This is a simple and somewhat similar (nothing to write home about) example:
<http://www.chelseacreekstudio.com/ca/cssd/stuff.html>
It has been quick tested in IE5 through 7; and in compliant browsers.
[1]To put IE in accessibility mode:
tools>internet options>accessibility>tcheck bo about ignore font
sizes>text-size>largest.
Best,
~dL
PS I learned most of what I know from Georg Sortun-- the gentle man who
wrote:
"your layout is a bit weak, and can't take much, if any,
font-resizing in any browser. Test in browsers and you'll see how easily it breaks."
--
http://chelseacreekstudio.com/
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
