DIV Layouts and CSS styling problems with IE

Question

0.00/5 (No votes)

See more:

Hi everyone,
I'm currently working on a website, and I primarily use Google Chrome as my default browser.

In Chrome the website looks fine, all divs are laid out correctly, and all CSS stylings are how they should be, however in IE9, some of the stylings are not showing, and a couple of my divs are different sizes, or incorrectly placed on the page.

Now I have researched on CSS compatibilty and found the correct ways of showing some CSS styles in IE, like box-shadow, and text-shadow for example. However they still do not show.

If anyone has any suggestions that would be greatly appreciated!

Regards,
Tom.

Posted 13-Feb-12 2:15am

thomasriley

Add a Solution

Comments

Sergey Alexandrovich Kryukov 13-Feb-12 20:42pm

Just a note: "found the correct ways of showing" sounds like a little exaggeration in view of "However they still do not show". :-)
IE still sucks.
--SA

1 solution

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Rajeev Jayaram · Accepted Answer · 2012-02-13T02:38:00

AFAIK, There is no standard single solution for cross browser CSS compatibility issues.

If you choose to make your website look good in various browsers and browser versions,

You can have seperate CSS files for each browser and version that you target and tailor each CSS file accordingly for each browser.

If you choose to have a single CSS file, then you will need to manually perform CSS optimisation by trial and error method by testing it in various browsers and adjusting the attributes accordingly.