CODEWITHSUNDEEP
htmlcssfirefoxbrowsersafari
user4215382
user4215382

Reputation:

Loading Different CSS Styles for Specific Browsers [Not IE]

I'm currently working on a website that keeps everything on one page instead of loading and linking to multiple HTML pages. That being said I'm having some trouble with formatting for different browsers.

Here is my website: Peranthai.com

The content loads fine in the Google Chrome browser(Browser it was built for), and the newest IE browser. I'm having some issues however (that could likely be solved with other style sheets for different browsers). I don't know how to do this though. I know that Internet Explorer has conditionals for this but the website works fine in Explorer so those are irrelevant to me. In particular these are the problems I'm having:

-Firefox turns some of the margins a little screwy

-Safari doesn't load background gradients

-Opera doesn't load one of my Adsense ads.

These are issues that, like I said, I could fix with custom style-sheets for certain browsers but I can't seem to figure out how to implement this.

[The reason you don't see content on the pages is because it isn't there yet! Just the base website is done]

Upvotes: 0

Views: 275

Answers (1)

Mr Lister
Mr Lister

Reputation: 46539

You don't have a doctype. So the website is displayed in quirks mode.
And since different browsers have different quirks, naturally the website will look different among browsers.

Solution: add a DOCTYPE declaration.

Oh, and get rid of the <center>, it makes your page look amateuristic. Not to mention errors like <h3>..</h2>.

Upvotes: 1

Related Questions