• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 501
  • Last Modified:

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

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
mel200
Asked:
mel200
  • 4
  • 2
1 Solution
 
Pasha KravtsovSupport EngineerCommented:
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
 
Scott Fell, EE MVEDeveloperCommented:
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
 
mel200Author Commented:
Thanks, I'll go through the validator, don't know why I didn't think of that...
0
Never miss a deadline with monday.com

The revolutionary project management tool is here!   Plan visually with a single glance and make sure your projects get done.

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

screenshot
0
 
mel200Author Commented:
oh, I get it, it should look like:
<!---Header-->
0
 
Scott Fell, EE MVEDeveloperCommented:
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
 
mel200Author Commented:
Got it, thanks!
0

Featured Post

The new generation of project management tools

With monday.com’s project management tool, you can see what everyone on your team is working in a single glance. Its intuitive dashboards are customizable, so you can create systems that work for you.

  • 4
  • 2
Tackle projects and never again get stuck behind a technical roadblock.
Join Now