W3c styles

[otuatail]

Can anyone help on this last remaining problem? I have tried to make my site w3c compliant. And it works and has passed the tests. However it just doesn’t look right in Firefox 1.5.0.11. But is ok in IE7. since moving everything into <div>s the image border around the menu has a border. Has to be something simple. Any quick solution to this please. Everything else about the site is OK.

 

http://www.des-otoole.co.uk/

 

Desmond.

 

[per1os]

Not a php problem, html/css problem.

 

This issue arises in that IE thinks they can create their own w3c standards and not comply with the real standards. Where as firefox complies with the real standards. In such you have to create "work arounds" between the 2 and do trial and errors to get them to display correctly.

 

A real pain in the ass, everyone knows. You are not alone but this is better suited on an HTML/CSS forum.

[otuatail]

Ok i'll try a html forum, but when I said tested it. there is a w3c website that tests your code.

[per1os]

Just because it does not display correctly does not mean it is not w3c standard compliant. I will leave it at that.

[warewolfe]

hi, a hint for working in both FF and IE is to have

*{

padding:0;

margin:0;

}

at the start of your css file.

some of the problem with ie/ff incompatibility is that ie and ff have different default widths for both margins and padding. This code will turn them all off and make you set everything manually.

 

#side-menu img

{

border-width:0;

}

should get rid of the border line in both ie and ff