Solved

Site looks good on Firefox & Chrome, but not on IE

Posted on 2014-04-21
7
491 Views
Last Modified: 2014-04-22
Hi, on this site: pamstevensonjewellery.com

On FF 28.0, it looks good. Same on Chrome 34.0. But on IE 9, the boxes showing the products don't line up correctly. I went to browserstack.com and they show the same thing, down to IE8. They also show it good on Chrome and Firefox back a few versions.

I'm really hoping there's like one or two lines of CSS to alter to fix this. I'm looking forward to your help!
0
Comment
Question by:mel200
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 4
  • 2
7 Comments
 
LVL 5

Expert Comment

by:Pasha Kravtsov
ID: 40013685
Usually IE8/9 display weird looking CSS. The best thing to do is to stop supporting ie8/9. IE 8 will always look bad no matter how hard you try.
0
 
LVL 53

Accepted Solution

by:
Scott Fell,  EE MVE earned 500 total points
ID: 40013803
The issue probably has to do with the site not validating.  Please see http://validator.w3.org

I think if you attack this one by one, your problems will go away.

Your comments should look like
<!-- -------------  Header -------------   -->
and not
<!--------------Header--------------->

You have a closing p tag that was not opened.... make sure you close your tags in the same order they are opened.  

Every browser handles errors a bit differently and that is your problem.
0
 

Author Comment

by:mel200
ID: 40013924
Thanks, I'll go through the validator, don't know why I didn't think of that...
0
Why You Need a DevOps Toolchain

IT needs to deliver services with more agility and velocity. IT must roll out application features and innovations faster to keep up with customer demands, which is where a DevOps toolchain steps in. View the infographic to see why you need a DevOps toolchain.

 

Author Comment

by:mel200
ID: 40013929
Ok, here's where we hit a mystery. On line 43, it does not say <!--------------Header----------- ----> it looks like this:

screenshot
0
 

Author Comment

by:mel200
ID: 40013932
oh, I get it, it should look like:
<!---Header-->
0
 
LVL 53

Expert Comment

by:Scott Fell, EE MVE
ID: 40013933
It should just be 2 dashes followed by a space.

<!--    something  -->

Open in new window


or

<!-- -----------something------------  -->

Open in new window

Notice the one space after then 2nd dash on the left and one space before the --> on the right.
0
 

Author Comment

by:mel200
ID: 40014952
Got it, thanks!
0

Featured Post

Free Tool: Site Down Detector

Helpful to verify reports of your own downtime, or to double check a downed website you are trying to access.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

This article will inform Clients about common and important expectations from the freelancers (Experts) who are looking at your Gig.
Although a lot of people devote their energy toward marketing for specific industries, there are some basic principles that can be applied to any sector imaginable. We’ll look at four steps to take and examine how those steps were put into action fo…
This video teaches users how to migrate an existing Wordpress website to a new domain.
The viewer will learn how to count occurrences of each item in an array.

751 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question