Posted by dorayme on 11/09/07 20:48

In article
<1194604873.965413.132900@50g2000hsm.googlegroups.com>,
Nick <maxout2001-nospam@yahoo.co.uk> wrote:

> I've now taken into consideration the advices on text size and I've
> built a new version of index.php page, this is called
> alternativeherbal.co.uk/newexperiment2.php while I'm testing it.
>
> The font size is more readable, the use of tables is minimized, and
> finally the same style sheet for <div> postioning seem to work equally
> in IE7, Firefox2, and Opera (sorry I'm not able to test Safari on Mac
> at the moment, but Mac user are welcome to let me know).

It looks *very nice* in Safari when loaded with my personal
preferences for font size and for first thing in the morning when
I am fresh.

But there are problems. I won't look at your code at all for now.

First, a single click up of font-size (scheduled to happen in
about 3 or 4 hours as I tire and need larger for comfort) starts
to break the design. The top horizontal green menu starts
overwriting the green headers of the columns, the search box
breaks out of the main feint-leafy backgrounded information area.

Take you a few mins only to be rid of that Supplement Facts pic
and make a simple table which will be readable because crisper
even if smaller and will enlarge naturally with built in browser
controls. At the *very least*, fix the enlargement link
mechanics. You using js and sizing the window? Well, be more
generous in the size, especially the height, it gets cut off
after the Cellulose, Gelatin, line on Safari and FF too (that's 2
out of 2, won't look further)

It looks like you are not sizing the show and the cols right.
Given your content, no need to *not* allow it to shrink to 800px
wide and be readable. Take a look at your left col. It is all
text. So mostly are the other cols. You could use % of body to
divi them up so they are happy at all sorts of widths without
needing horiz scroll bars. Combos of % and max widths can work
wonders. So too can em sizing and max widths... It is a slightly
complicated business but we could go into it if you want to.

Frankly the first sign of trouble about fluidity was a semi
aesthetic thing I noticed. Why is the leafy background not on the
body itself, what is the *point* of not putting it on the body in
this design? Try it, and be rid of the bg on the other bits and
remove the thin green rect line to frame the show. It would be
very natural then and a good start to getting it all fluid like...

But it is still nice and pleasant a design anyway...

--
dorayme

[Back to original message]