steff eiter wrote:

> this is my first post, so please go easy :)

Sorry... can't promise that, but you'll survive ;-)
Welcome to css-d.

> the sites seem to work fine in all browsers on both platforms and it
>  validates.

Validity is the easy part, and no; the site doesn't work fine in any of
my browser on any of my platforms. There are some general design-method
flaws and lack of proper cross-browser testing that shows through the
entire site.

> but I would like to sharpen my skills so if anyone has comments, that
>  would be great to hear.

I can't resize text on the front-page in any browser - because there
isn't any. The fact that _all_ links are images with small text make
them rather unreadable and inaccessible. You should at least add a site
map or some alternative and accessible form of navigation to the site.

I can't read text on an 800 wide screen on some of the other pages,
because it ends up as white on white when I reach it - scrolling
horizontal. Also, text overruns "containers" on narrow windows on all
pages, and even vertically if I resize the text.

Font-size in pixels are not resizable in IE/win, and line-height in
pixels creates overlapping-effects in IE/win and Opera when font-size is
'ignored' or bumped up.


> http://www.gcstaging.com/camp_creative/index.html

You should...
...test that page in a non-CSS / text-only browser.

Try opening it for Lynxview: <http://www.delorie.com/web/lynxview.html>
...and make it work just as well - and meaningful - under those
conditions. That's the baseline for all web design.

In short: don't replace good text with images.

> css:
> 
> http://www.gcstaging.com/camp_creative/screen.css

You should rethink your strategy for web design, and avoid copying print
design. Creating layouts by absolute positioning fixed-sized containers
is nice, but it usually only works well for fixed sized images - and
images are only part of web design.

If you want to use absolute positioning as a general layout-tool, then
you should look at examples like this...
<http://www.shauninman.com/supplemental/si-clear-children-1.0/clear-nested-fluid.html>
...and add the necessary javascript...
<http://www.shauninman.com/plete/2006/05/clearance-position-inline-absolute.php>
...to make it work for fluid-height containers - most of the time.

Most of us prefer to let our CSS based designs go with the flow so they
are not so easily broken. Most 'floats and flow' methods are more robust
than 'absolute positioning' in achieving that - nearly all of the time.

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