Site Critique request

HI, I'd appreciate if anyone who has a spare minute or two could
have a look at http://www.scottish-logcabin.co.uk and let me have
any comments about the layout.


Thanks,
Simon

Simon Hanmer wrote:

HI, I'd appreciate if anyone who has a spare minute or two could
have a look at http://www.scottish-logcabin.co.uk and let me have
any comments about the layout.

A couple things...

1. body { height:97%; }

IE has a bug where it will expand the height to fit the content unless
overflow:hidden is specifically set. So it probably looks OK in IE, but
conforming browsers like mozilla cut the body background off at 97% of
the viewport. Scroll down and see how the content overflows. It is not
attractive.

One work-around is adding to your stylesheet:
html>body { height:auto; min-height:97%; }
IE doesn't support this child rule syntax and will ignore it, but it
will help make it look better in more compliant browsers.

2. When the text size is large enough, the contents of the header
overflows its background and can overlay the horizontal navbar. Again,
IE will expand the height but other browsers may not. Similar fix as
above. You might want to set the background color of the header to more
closely match the image, too.

--
To email a reply, remove (dash)ns(dash). Mail sent to the ns
address is automatically deleted and will not be read.

In message <bf6460$bhcjj$1 (AT) ID-74001 (DOT) news.uni-berlin.de>, Simon Hanmer
<sch (AT) scubaplus (DOT) co.uk> writes

HI, I'd appreciate if anyone who has a spare minute or two could
have a look at http://www.scottish-logcabin.co.uk and let me have
any comments about the layout.


Thanks,
Simon


(1) Horizontal scroll bar (IE6 at 800x600) ..... not a problem, but some

purists wouldn't like it.

(2) Looks OK, but I'd suggest a quick trip through a spell/grammar
checker would be useful for each page

e.g. [availabilty] --> [availability]
[comforable] --> [comfortable]
[wintersports] --> [winter sports]

....... and so on.

(3) 'directions' and 'enquires' look OK in Netscape 4.75;
'rates' has a few layout problems;
'homepage' doesn't display at all.

(4) Accessibility problems:

(a) Don't use colour coding on the 'rates' page; a voice browser or
text-only browser can't "see" the colours. Maybe just a simple table
will do (with added colour backgrounds for those that can see them).

(b) "Clicking here" -- 2 problems

-- The link should make sense out-of-context (because one way of
navigating is to ask for a 'list of links'

-- A person with mobility problems and using the keyboard can't
'click here' ..

(c) Don't use [] to delimit the links, just use a single | between
them so that a voice browser says 'Home' 'bar' 'Rates' 'bar' .... rather
than 'left bracket' 'home' 'right bracket' 'left bracket' 'Rates' 'right
bracket' 'left bracket' ......
-- especially as it's the first thing a visitor finds at the start of
every page.

Anyway, just a few initial thoughts ...

regards

--
Jake

In message <IzYRa.92705$Ph3.10998@sccrnsc04>, Brian
<usenet1 (AT) mangymutt (DOT) com.invalid-remove-this-part> writes

jake wrote:
http://www.scottish-logcabin.co.uk
Horizontal scroll bar (IE6 at 800x600) ..... not a problem, but some
purists wouldn't like it.

That's surprising.

Surprising -- but true ;-)

I didn't get a horizontal scrollbar until I had shrunk my Moz 1.3
window to approx 10cm. Using a 1024x768 resolution.

regards

--
Jake