CSS styling in IE8

I'm having problems getting the styling working correctly for the layout of a couple pages in the IE 8 browser.

If you view this page http://www.manufacturedhomesoregon.net/pre-owned-homes/pre-owned-featured-homes/ in firefox or chrome, you can see the correct layout - but then view in IE8 and see that it's not displaying correctly.

The other troublesome page has that same layout, just a different set of homes. So getting one to work should fix both pages.

A fresh pair of eyes and some help would be greatly appreciated. I have a stylesheet set up for IE8 specific, but just haven't had any luck finding the right css to correct it. On top of it all, when I try to work in IE on my computer, it tends to freeze up and shut the computer down frequently, so it's making it that much harder for me to try to get the css fixed in a timely manner.

Thanks much for any help, Heather
LVL 14
DzynitAsked:
Who is Participating?
I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

nanharbisonCommented:
Youhave to apply different styles for Internet Explorer. You can create a conditional style sheet that only IE sees. Here is the explanation:
http://www.456bereastreet.com/archive/200612/internet_explorer_and_the_css_box_model/

Adding a conditional style sheet is explained in option #3.
0
DzynitAuthor Commented:
I already have the conditional stylesheet - "stylesheet specific to IE8". I'm having trouble getting styling to cooperate and fix the layout.
0
GaryCommented:
Fix your html errors first
http://validator.w3.org/check?uri=http%3A%2F%2Fwww.manufacturedhomesoregon.net%2Fpre-owned-homes%2Fpre-owned-featured-homes%2F&charset=%28detect+automatically%29&doctype=Inline&group=0

A number of them will affect the styling and while newer browsers are more forgiving, older browsers are not.
0

Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
Big Business Goals? Which KPIs Will Help You

The most successful MSPs rely on metrics – known as key performance indicators (KPIs) – for making informed decisions that help their businesses thrive, rather than just survive. This eBook provides an overview of the most important KPIs used by top MSPs.

DzynitAuthor Commented:
Gary, that fixed the layout problem. The errors are all in the plugin we're using for real estate, but I was able to fix the problem code in a theme template. Thanks much for pointing it out!
0
GaryCommented:
So fixed?
0
DzynitAuthor Commented:
Yep - thanks much for your help. I can't fully validate the page because that would require editing the plugin code - but the css / layout issue is resolved. That's most important right now.

So it turned out not to be a css need, but I'll remember to check for validation errors next time I run into layout problems in IE.
0
It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today
CSS

From novice to tech pro — start learning today.