Safari Problem(damn 4% of marketshare)

ki

My website is rendering perfect in IE and firefox but in Safari it is wide and to the right. See image attached.

Anyone know whats going on.:(
Any help greatly appreciated.

Goodshape

Have you checked if the HTML validates with w3c?

Safari is very standards complient. This could be a tag you didn't close correctly that the other browsers are simply working around.

TheWaterboy

its impossible to say without seeing some code and css...Have you even a web address that we can check

ki

www.seantreacysgaa.ie/site

mneylon

ki wrote: »

www.seantreacysgaa.ie/site

That doesn't render properly in Firefox either

Liam Byrne

Blacknight wrote: »

That doesn't render properly in Firefox either

Or Google Chrome.

KJF

There's too much wrong with this to even begin but I'll get you started with this:

ul.MenuBarHorizontal li {
...
left: 768px;
...
}

This will result in all that content being rendered 768 pixels to the right of it's containing element.

I suspect you probably have the same problem elsewhere.


By the way, Safari might only have a 4% share but webkit (it's rendering engline) has a much larger share.

KJF
http://tinktank.ie

Liam Byrne

It could be something as simple as a "clear:both" being required, if there's any floated elements.

diarmuid05

Had a quick look in firefox using firebug, adding code below to your .bgWhite style seems to do the trick.
Dont have Safari on this machine so cant verify fix but Firefox looking better

.bgWhite {
background-color:White;
float:left;
width:1000px;

ki

diarmuid05 wrote: »

Had a quick look in firefox using firebug, adding code below to your .bgWhite style seems to do the trick.
Dont have Safari on this machine so cant verify fix but Firefox looking better

.bgWhite {
background-color:White;
float:left;
width:1000px;

Thanks for that but the problem seems to be in the main nav bar, I used dreamweaver's spry menu item to create it, and if I exclude its .css I 've a normal sized page but no navigation bar.