The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

 
Reply to this topicStart new topic
> help plz
andyb
post 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
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Frederiek
post Oct 9 2008, 11:48 AM
Post #2


Programming Fanatic
********

Group: Members
Posts: 4,278
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.


--------------------
"The earth does not belong to us. We belong to the earth."
from Vue du ciel (in French)

"Leave scepticism to others and take action"
from HOME by Goodplanet

An inconvenient truth by Al Gore
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
SteveL
post 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 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

User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Frederiek
post Oct 13 2008, 09:53 AM
Post #4


Programming Fanatic
********

Group: Members
Posts: 4,278
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?


--------------------
"The earth does not belong to us. We belong to the earth."
from Vue du ciel (in French)

"Leave scepticism to others and take action"
from HOME by Goodplanet

An inconvenient truth by Al Gore
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Oct 13 2008, 10:01 AM
Post #5


Don't like donuts. Don't do MySpace.
********

Group: WDG Moderators
Posts: 15,191
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.


--------------------
"Never go to excess, but let moderation be your guide."
- Cicero

IPB Image
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Frederiek
post Oct 13 2008, 10:11 AM
Post #6


Programming Fanatic
********

Group: Members
Posts: 4,278
Joined: 23-August 06
From: Europe
Member No.: 9



Yep, always IE mad.gif
I wonder why people continue using it tongue.gif


--------------------
"The earth does not belong to us. We belong to the earth."
from Vue du ciel (in French)

"Leave scepticism to others and take action"
from HOME by Goodplanet

An inconvenient truth by Al Gore
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Oct 13 2008, 10:39 AM
Post #7


Don't like donuts. Don't do MySpace.
********

Group: WDG Moderators
Posts: 15,191
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! happy.gif


--------------------
"Never go to excess, but let moderation be your guide."
- Cicero

IPB Image
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Frederiek
post Oct 13 2008, 12:45 PM
Post #8


Programming Fanatic
********

Group: Members
Posts: 4,278
Joined: 23-August 06
From: Europe
Member No.: 9



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.


--------------------
"The earth does not belong to us. We belong to the earth."
from Vue du ciel (in French)

"Leave scepticism to others and take action"
from HOME by Goodplanet

An inconvenient truth by Al Gore
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Oct 13 2008, 12:54 PM
Post #9


Don't like donuts. Don't do MySpace.
********

Group: WDG Moderators
Posts: 15,191
Joined: 9-August 06
Member No.: 6



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


--------------------
"Never go to excess, but let moderation be your guide."
- Cicero

IPB Image
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post

Reply to this topicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:

 



- Lo-Fi Version Time is now: 22nd July 2014 - 08:25 AM