help plz |
help plz |
andyb |
Oct 8 2008, 02:44 PM
Post
#1
|
Group: Members Posts: 1 Joined: 8-October 08 Member No.: 6,845 |
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 This post has been edited by andyb: Oct 8 2008, 02:45 PM |
Frederiek |
Oct 9 2008, 11:48 AM
Post
#2
|
Programming Fanatic Group: Members Posts: 5,146 Joined: 23-August 06 From: Europe Member No.: 9 |
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 |
Oct 13 2008, 03:48 AM
Post
#3
|
Newbie Group: Members Posts: 19 Joined: 25-July 07 Member No.: 3,445 |
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 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 |
Oct 13 2008, 09:53 AM
Post
#4
|
Programming Fanatic Group: Members Posts: 5,146 Joined: 23-August 06 From: Europe Member No.: 9 |
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 |
Oct 13 2008, 10:01 AM
Post
#5
|
🌟Computer says no🌟 Group: WDG Moderators Posts: 20,730 Joined: 9-August 06 Member No.: 6 |
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 |
Oct 13 2008, 10:11 AM
Post
#6
|
Programming Fanatic Group: Members Posts: 5,146 Joined: 23-August 06 From: Europe Member No.: 9 |
Yep, always IE
I wonder why people continue using it |
pandy |
Oct 13 2008, 10:39 AM
Post
#7
|
🌟Computer says no🌟 Group: WDG Moderators Posts: 20,730 Joined: 9-August 06 Member No.: 6 |
Next to K-Mel it has always been the fastest browser on my systems. After having seen Safari I think you are just jealous!
|
Frederiek |
Oct 13 2008, 12:45 PM
Post
#8
|
Programming Fanatic Group: Members Posts: 5,146 Joined: 23-August 06 From: Europe Member No.: 9 |
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. |
pandy |
Oct 13 2008, 12:54 PM
Post
#9
|
🌟Computer says no🌟 Group: WDG Moderators Posts: 20,730 Joined: 9-August 06 Member No.: 6 |
Sure. But as a user I couldn't care less.
|
Lo-Fi Version | Time is now: 26th April 2024 - 04:04 AM |