Jump to content


Photo
- - - - -

Why does my site look like crap on IE?


  • Please log in to reply
12 replies to this topic

#1 hireconrad

hireconrad

    Super Member

  • Members
  • 155 posts
  • Country: Country Flag

Posted 10 July 2012 - 04:20 PM

Hi, I've been using safari, chrome and firefox to test out my site, and i recently tried out my site on IE and it looks horrible. Issues: 1)Top menu bar links are missing 2)Feature Images load weird every time you refresh 3)image on the homepage in the (violin/bow/music) is massive and did not resize as supposed to.

#2 WebWerx

WebWerx

    Advocate

  • Members
  • 546 posts
  • LocationCanada
  • Framework Version:2.2
  • Country: Country Flag

Posted 10 July 2012 - 05:41 PM

@hireconrad: What version of IE are you using? Older versions will surely produce lousy results.

#3 hireconrad

hireconrad

    Super Member

  • Members
  • 155 posts
  • Country: Country Flag

Posted 10 July 2012 - 06:39 PM

i am using version 9.1

#4 WebWerx

WebWerx

    Advocate

  • Members
  • 546 posts
  • LocationCanada
  • Framework Version:2.2
  • Country: Country Flag

Posted 10 July 2012 - 06:50 PM

@hireconrad: In general IE "blows". That being said, you can do some tweaks to get things back in line using the browser specific CSS plugin. I usually don't spend much time worrying about IE.....

#5 hireconrad

hireconrad

    Super Member

  • Members
  • 155 posts
  • Country: Country Flag

Posted 10 July 2012 - 06:57 PM

the browser specific CSS plugin hasn't been updated in 3 years. Is it still worth using? Any other suggestions? In regards to IE, don't many people still use it, so shouldn't our sites be compatible with IE?

#6 WebWerx

WebWerx

    Advocate

  • Members
  • 546 posts
  • LocationCanada
  • Framework Version:2.2
  • Country: Country Flag

Posted 10 July 2012 - 07:20 PM

@hireconrad: First... the plugin is just a baseline for you to add CSS that will fix all that ails IE... Second... I always check browser data in Google Analytics for a site before I spend any time doing IE tweaks (Did I say I hate IE?). If you spend your time trying to be compatible with too many browsers, nobody in Toronto will learn how to play a violin!

#7 hireconrad

hireconrad

    Super Member

  • Members
  • 155 posts
  • Country: Country Flag

Posted 10 July 2012 - 07:24 PM

I've manually adjusted the image on the front page, however i cannot get the top menu to work. Any ideas?

#8 hireconrad

hireconrad

    Super Member

  • Members
  • 155 posts
  • Country: Country Flag

Posted 10 July 2012 - 07:27 PM

on my other site that i run google analytics, the top browser visits are 1) Safari 28% 2) Internet Explorer 24.6% 3)Chrome 22% seems like lots of people still using IE, and id like the site to look right for everyone who does.

#9 hireconrad

hireconrad

    Super Member

  • Members
  • 155 posts
  • Country: Country Flag

Posted 10 July 2012 - 08:02 PM

Still can't get my menus to work at the top of the page. Looks perfect in every browser except for IE. Any help figuring out whats the issue?

#10 beardedavenger

beardedavenger

    Unicorn Wrangler

  • Members

  • 1219 posts
  • Country: Country Flag

Posted 10 July 2012 - 08:38 PM

We're going to support forward thinking browsers like IE9 and up, Chrome, Safari, and newer versions of FF. Only partial support is provided for IE8 and below. With that being said, you can patch the IE8 bug with this css .nav-collapse{height:auto;} // IE8 FIx Nick

#11 hireconrad

hireconrad

    Super Member

  • Members
  • 155 posts
  • Country: Country Flag

Posted 10 July 2012 - 08:44 PM

Where do i add ".nav-collapse{height:auto;} // IE8 Fix"?

#12 hireconrad

hireconrad

    Super Member

  • Members
  • 155 posts
  • Country: Country Flag

Posted 10 July 2012 - 08:49 PM

ok, i figured it out. Thanks. I have a menu again. Any solution to the weird loading of the feature images?

#13 beardedavenger

beardedavenger

    Unicorn Wrangler

  • Members

  • 1219 posts
  • Country: Country Flag

Posted 10 July 2012 - 08:53 PM

Sorry about that, add that that to the Custom Code area, under Site Options within PageLines.