Hello,

I have this web site prostatecharter.org.uk

I have noticed something that is driving me nuts!

Whilst the page appears to load fine in IE, Firefox and Safari it appears different in Opera (Win) and Camino (Mac). For some reason in Opera and Camino white space appears beteen the header's blue horizontal line and the menu.

What have I done to cause this? Is it an error in my CSS?


I look forwards to your comments.

Neil

Hi Neil,

I don't think I'm seeing the problem in Camino (latest build 1.0.2) on 10.3.9. I've attached a partial screenshot. I assume you see something different in your Camino?

Just so you know, the site looks the same for me in Camino, FF, Opera and Safari, all latest builds.

Sorry, I'm not near my windows machine, so I can't test Opera win.

Hello,

Thanks for quick reply.

I must admit to not having the most up to date version of those browsers. I shall update and have another look.

Cheers

Neil.

Seems to me the default margins within the <h1> and/or <p> elements within your content are pushing out of the top of content area, forcing the break you see. Try setting margin:0 for the <h1> element within the #content area, and if you want to have space around it, using padding instead.

If I'm right, this would be an example of a situation where Opera has more accurately interpreted W3C standards than Fx. There are a couple small points where Opera gets it better, and a couple small points where Fx gets it better. But with both in constant development, we'll likely see near identical renderings very soon :)

Hello,

Thanks for your reply also. I will certainly change the CSS accordingly as that would appear to be good practice however as I have since updated the browsers to the latest versions and page now renders correctly.

Thanks for the tip!


Neil

Neil, nothing like a browser update to solve your problems, huh? :)

But Paul's right; (:wavey: hey Paul!) you should make sure the CSS is clean, because if it isn't the problem might reappear in the next browser release.

Absolutely!

Thanks for your help guys.

I didnt realise Opera was still supported on the MAC. A while ago they had indicated that they were ceasing support for the MAC? I think I need to brush up on my browser knowledge!!!!

Do you guys test designs in Linux browsers such as Konqueror. I would like to, as I do not wish to alienate the Linux desktop community, but I don't have a linux box I can view on, perhaps I should purchase a cheapo PC and run Linux on it?!

Do you know of a reliable website which provides info on all the browsers which I can use a single place of reference which also shows compatility with CSS etc?


Neil :-)

Opera is alive and well and kicking on the Mac. I do test in Konqueror. I'm often lazy and use browsercam to do some screenshot tests for me, but it's no substitute for manual testing espcially when hover states are involved. I've found that Konqueror catches some very pedantic things that other browsers don't, so testing in it is useful indeed.

RE compatibility, quirksmode (http://www.quirksmode.org/) is a good place to start. I believe that some of the html/css editors have built in compatability testers (I code by hand, so I don't remember which).

But Paul's right; (:wavey: hey Paul!)Every once in a while (:wavey: hey Charles!)