Site looks different on different browsers

MrMatisse

Hey,
having a site developed but it looks different on firefox from explorer and different again on chrome.

The alignment can be out, purple boxes appear, it appears darker etc....

Anyone know what has gone wrong?

Is it a fatal flaw? Think it was designed on a mac.

lil_lisa

Browsers are notorious for rendering sites differently (mostly Internet Explorer).

Internet Explorer doesn't pick up on some properties. For e.g. 'align=center' doesn't work.. You have to have style="margin-left:auto;margin-right:auto" to center certain things. Also specific numbers and px are not recommended, try going for percentages.

There are a lot of different alignment and colour issues. Personally, I would try getting everything working in Firefox, Chrome, Opera, Safari etc as they all render roughly the same, Internet Explorer 7 and below renders differently.

Good luck!

Webmonkey

It can be tough alright. But the first thing I'd do is ensure the XHTML/HTML is compliant using the validators.. That's a starting point.

p

Is someone else doing this for you.

If so, make the developer aware of the issue and tell them to fix it. I would expect any site to work in Firefox, IE 7+ and Chrome/Safari. If not, then then designer or developer isn't doing their job.

MrMatisse

Yeah someone else is doing it.

Tbh I expected it to work properly across all of those browsers.

Goodshape

p wrote: »

Is someone else doing this for you.

If so, make the developer aware of the issue and tell them to fix it. I would expect any site to work in Firefox, IE 7+ and Chrome/Safari. If not, then then designer or developer isn't doing their job.

^ This.

Small differences may be acceptable across the browsers but your site should still be looking and functioning well in them all.

If the site is being actively developed, chances are your developer just hasn't hit the browser testing phase yet.

murphaph

Some things can't be gotten rid of afaik, like the brown 1px border that appears in text input fields in Chrome when they get focus. I hate that stupid brown border.

scott.s

murphaph wrote: »

Some things can't be gotten rid of afaik, like the brown 1px border that appears in text input fields in Chrome when they get focus. I hate that stupid brown border.

Pretty sure you can get rid of that easily enough (example on google.com) but can't think of it right now.

murphaph

Cheers scott, never noticed it wasn't there on Google...it's there even on some big email provider sites (hotmail etc. ao assumed it was a feature). Must be some way of getting rid of it so....

mathepac

Really-Stressed wrote: »

... Think it was designed on a mac.

That shouldn't matter. If the development is standards compliant, the site will look consistent on standards-compliant browsers.

Goodshape

murphaph wrote: »

the brown 1px border that appears in text input fields in Chrome when they get focus.

It's a blue border isn't it?

outline: none; on the form element gets rid of that anyway.