HELP! Weird CSS Issue with Safari and Chrome Browsers
I just noticed that the main content areas of my site are pushed off to the right in Opera and Chrome web browsers by some 150px or so. This only happens in the aforementioned borwsers, IE6, 7 and 8 plus Firefox and Safari are all displaying perfectly. Anyone have any idea what's causing this:
http://www.limelites.co.uk/screenOC.jpg
Re: HELP! Weird CSS Issue with Opera and Chrome Browsers
Sorry, got the above muddled a bit. Safari and Chrome are not displaying right, whereas all other browsers are fine including Opera.
Re: HELP! Weird CSS Issue with Safari and Chrome Browsers
Looks fine to me in Google Chrome 4.0.220.1 under Windows. Maybe a bug in earlier versions of Chrome? I haven't got Safari to hand to test in that.
Regards,
Christian.
Re: HELP! Weird CSS Issue with Safari and Chrome Browsers
That's odd. I just did a Google Chrome, "About" and it says I have version 3.0.195.24 and that it's up to date?
Where do I get version 4.0.220.1
Re: HELP! Weird CSS Issue with Safari and Chrome Browsers
You're right. I installed the Chrome 4.0.220.1 Beta and it seems to cure the Chrome issue.
I just installing the latest Safari (4.0.3) but unfortunately Safair is still screwed up.
Any Safari experts care to look at my CSS and see what on earth is causing the strange 150px on all my site pages?
Re: HELP! Weird CSS Issue with Safari and Chrome Browsers
Fixed! Turns out I needed a float:left; in my #contentMainWrapper
Re: HELP! Weird CSS Issue with Safari and Chrome Browsers
Quote:
Originally Posted by
limelites
Fixed! Turns out I needed a float:left; in my #contentMainWrapper
That also fixed it in earlier chrome version
Re: HELP! Weird CSS Issue with Safari and Chrome Browsers
Thanks Tony, one less I need to check now then.
Re: HELP! Weird CSS Issue with Safari and Chrome Browsers
Tony, just noticed something weird. A strange one. The float:left; in my contentMainWrapper seems to puch some of the contents in my footer up to the top of the page in Firefox and IE.
Perhaps you could shed some of your expert CSS on this one? It has me baffled.
Re: HELP! Weird CSS Issue with Safari and Chrome Browsers
Can't see this in firefox but sounds like you need a clear:both applied to the footer.