Help - Search - Members - Calendar
Full Version: help plz
HTMLHelp Forums > Web Authoring > Markup (HTML, XHTML, XML)
andyb
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 Link

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
Frederiek
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.
SteveL
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 happy.gif . 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 biggrin.gif

Cheers!

Steve


QUOTE(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 Link

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

Frederiek
QUOTE
Create separate stylesheets for each of the browsers you're concerned with rendering in, and focus on getting each to look right separately.

Aren't we already enough fed up creating as many versions of a site as there are browsers?
pandy
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.
Frederiek
Yep, always IE mad.gif
I wonder why people continue using it tongue.gif
pandy
Next to K-Mel it has always been the fastest browser on my systems. After having seen Safari I think you are just jealous! happy.gif
Frederiek
Not at all!
And you know it! glare.gif

It's just a pain to make things work properly in IE, hence the many questions on the subject in the forums.
pandy
Sure. But as a user I couldn't care less. laugh.gif
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.
Invision Power Board © 2001-2014 Invision Power Services, Inc.