Site Check of css template

The different border colours on different elements means it looks like things don't line up quite right.

You also run into problems with your top and left nav when you resize the text in the browser.

When making a screen dump, convert to gif, jpg or png. Anything but bmp. 4mBytes is way huge.

cheers,

gary

didn't even notice how big it was... any advice on the issues?

Thanks

and offer any advise to fix safari issues, can I write a css script for safari only, or would i have to look into using a browser detector and redirctor to redirect safari traffic to another version of the site.

What do the pros do for safari issues?

I'm only concerned because about 4.8% of this sites current visitors use safari.

Thanks again.

The pros probably don't have that many issues with Safari and any they do, they find fixes for in their main stylesheet. They definitely don't use browser detection for sending alternative styles and/or content.

I need to build it so its as easy as possible to update.

Thanks Tyssen

Safari users feedback??

What has how easy it is to update got to do with how it displays in Safari?

It sounds like you asking for alternative feedback because you don't like what I gave you. Believe me, no professional web designer worth his/her salt (or Safari user although they're not necessarily the same thing) will recommend you use browser detection for serving up different styles/content for Safari unless you're designing your site specifically with the iPhone in mind.

:?

No No No, Not at all, I just wanted to know if the site was breaking in safari. I checked it when I got into work this morning, looks fine in safari. I completely agree with you Tyssen about the use of browser detection and will avoid it going forward. Also, about what you said in the other post, thats good info to know, I'll be looking into reworking my main screen.css file to try to do away with my ie6.css script. Thanks for pointing me in the right direction - again. To be clear I DO appreciate all the advice, and also welcome other opinions. Just wanted feedback on how it looked in Safari.

Have you tried this yet:

I've been struggling with that. Is there a way to fix that issue and still have the sidebars width set (non-liquid), and also have both sidebars move down under the menu if the text is increased? Know of any good tutorials or sites that can help me learn how to fix/prevent this?

Your left colum doesn't move down on text resize because you've used absolute positioning. Your columns should be floated instead.

And the text in the left column links overflows the background because you've used bg-images which are of a fixed height. The only part of that image that should be an image is the arrow. The rest can be accomplished with bg-colors and borders which will expand to contain any text size increases.

Thanks, I'll get to work on fixing it.

How would make the liquid center div stop when the site's width go past 1000px?
...should I start a new thread for this question?

I updated the site to control the center div width, and I am working on floating the sides. http://puredezigner.com/test/ and can't seem to get the right side from dropping below, am I missing something?

All the floats have to come first in the source so your right column needs to go ahead of your centre column.

Ok works fine in firfox, but it fails completely in IE6, and IE7 has overlay issues.

Part of the reason is cos you've got a height on #header which isn't high enough to include your navigation but you should probably also wrap all three of your columns in another wrapping element and make sure it is cleared properly from the preceding content.

Tried the above, still having issues (menu being overlapped by proceeding floated div)... since my layout still needs work I started a new thread in css layouts area.
Thanks