Keith Cox wrote:
> Would appreciate any comments or suggestions on any aspect of my 
> (first) website design, I have tested using the most popular browsers
>  on my Mac, but only IE5, Firefox 1.04 and Opera 8 on windows.
> 
> http://website1.keithcoxdesign.com

If this is your first design, then it isn't bad at all. It does have
some built-in weaknesses though.

Basically: fixed 'height' on containers and general use of 'position:
absolute' for text-containing elements, are two design-details that
should be avoided if you want your designs to survive in the real world.

All browsers you have tested in already, have one or more 'font-resizing
options' available. It is not "good practice" to ignore or break those
options, so you should test some more, and make your layout/design a bit
more flexible.

Absolute-positioned elements are taken out of the flow
so they can't interact - resulting in overlapping by expanding
text-elements if font-resizing is applied in any browser.

Example - using Firefox...
<http://www.gunlaug.no/tos/alien/keithcoxdesign_on_f-fox_fon.png>
...with just a little bit more font-resizing than I use as default for
all web sites.


Also: IE6 seems to have problems finding the correct width of that
paragraph...
<http://www.gunlaug.no/tos/alien/keithcoxdesign_on_ie6.png>
...which is caused by a combination of IE/win bugs and the
positioning-method used.

Adding...

#contents p {width: 440px;}

...will fix that in IE6.


regards
        Georg
-- 
http://www.gunlaug.no
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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/

Reply via email to