On 6/6/07, trevor bayliss <[EMAIL PROTECTED]> 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
Do you use a browser that lets the user resize the text size ?
I use Firefox 2 and have a mouse with a scroll-wheel. Hence, when I hold
Ctrl down and scroll the wheel, I can quickly change the font size up or
down as needed.
In your page, if I enlarge the font size by +3, the menu at the top starts
to get out of sync.
For instance, the 'About Medarc' link gets split over two lines
('About/Medarc').
The links over the simulated tabs ('Medarc limited', 'National' and
'International') start to be taller than the folder tabs behind them.
These are just examples of what is commonly known as a 'weak', or
'non-bulletproof' design. Resizing the browser window (or using a screen
with a different resolution) might help uncover other such problems.
Even without resizing the fint size, I noticed that the 'Our Clients
Include' copy seems mis-aligned ('our' appears on one line, to the right of
the navbar, the rest on the next line, to the right of the images.. 'our'
and 'clients' don't start in the same place).
I'm not using the term 'bulletproof' randomly. I've taken it from Dan
Cederholm's book, which I think is a great reference and resource to learn
more on the topic: http://www.simplebits.com/publications/bulletproof/
You asked how you can re-write the page. The problems I mentioned above have
to do with font size; so, for instance, you can check the web for that topic
(I noticed you set the font-size to a fixed measure, 11px, on your body
tag... that tends to become problematic; I recommend using font-size: small
on the body and then using percentages when you need larger/smaller sizes in
the document).
There's plenty of online and offline resources on CSS-driven (re)designs.
This mailing list is a good resource, but not the only one (Meyer's books, A
Liat Apart are but two examples).
HTH,
F.O.R.
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
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/
