Printable Version of Topic

Posted by: andyb Oct 8 2008, 02:44 PM

We had someone working on our site who quit midway through and now I am trying to finish it with my extremely limited knowledge.

here is a page with the typical problems http://www.ewburman.com/contact.html

1st problem - the main body has the shadows on the 2 sides. there is supposed to be a shadow on the top and bottom. For some reason the top and bottom shadows show up in IE but not Safari

2nd problem - the vertical border line separating the links on the left from the main body lines up to the bottom border in IE but not Safari

3rd problem - the right border does not align with the right side of the contact us border, again it aligns in IE but not Safari.

I am sure there are quite a few other problems too...

Any help would be appreciated.

Thanks

Posted by: Frederiek Oct 9 2008, 11:48 AM

Start by fixing the markup and CSS errors found by the online validation tools:
HTML validation: http://htmlhelp.com/tools/validator/
CSS validation: http://jigsaw.w3.org/css-validator/

1. If you set a height to the wrapperheader and wrapperfooter divs equal to the shadow images, then they'll show in (my) Safari (Mac).

2. Something in the first div within the content div makes the height computed to 345px, while the content div itself has a height of 324px.

I can't find the third problem as easily as I thought.

To start, fix the errors first and see what happens. If that doesn't help, report back and we'll see what we can do.

Posted by: SteveL Oct 13 2008, 03:48 AM

To be honest with you, any time I hear "It works fine in x browser, but not in y browser", its a cue for me to run away screaming . That holds especially true when you're building a company website, and I have to assume that you're working against some sort of hard deadline...You're not going to have time to learn the intricacies of CSS to such a degree that you'll be able to defeat the myriad problems caused by cross-browser issues.

Having said all that, and having looked at the page, which looks great in Firefox, my advice is to a.) contract a professional web designer...(I can be had!), or b.) Create separate stylesheets for each of the browsers you're concerned with rendering in, and focus on getting each to look right separately. Either way you decide to go is going to be a lot less headache than trying to figure out some way to render in both browsers identically. The silent third option here is to just leave the differences alone and hope no one notices

Cheers!

Steve

QUOTE(andyb @ Oct 8 2008, 02:44 PM)

Posted by: Frederiek Oct 13 2008, 09:53 AM

Posted by: pandy Oct 13 2008, 10:01 AM

Let's see. At least 3 versions of IE Win, 2 versions of FF, 2 of Opera, Safari, Konqueror... that's about 10 style sheets. Seems easier to do it right to start with and fix it for IE.

Posted by: Frederiek Oct 13 2008, 10:11 AM

Yep, always IE
I wonder why people continue using it

Posted by: pandy Oct 13 2008, 10:39 AM

Next to K-Mel it has always been the fastest browser on my systems. After having seen Safari I think you are just jealous!

Posted by: Frederiek Oct 13 2008, 12:45 PM

Not at all!
And you know it!

It's just a pain to make things work properly in IE, hence the many questions on the subject in the forums.

Posted by: pandy Oct 13 2008, 12:54 PM

Sure. But as a user I couldn't care less.