How to get this to work in IE

ikillbears · 31 Jul 2014 at 15:31

Hey guys. Im not the most experienced developer by any means, more of a bodge jobber. I've put together a site for a mates dad and have since run into a situation with the menu.

ive put it in a css deck : http://cssdeck.com/labs/8mequv7c

the website its self is here www.loanssas.com seems that IE 6-8 don't work. any suggestions would be amazing

Dj_Jestar · 31 Jul 2014 at 15:57

What doesn't work? Please describe the problem.

GravyMonster · 31 Jul 2014 at 15:57

Psuedo elements have big problems in old IEs: http://caniuse.com/#search=:hover

If you need to support that far back (which is pretty pointless IMO) use a JS framework such as jQuery to abstract the browser compatibility problem away from your code.

Willir · 31 Jul 2014 at 15:59

What's the problem you are having in IE 6-8? We are on IE 11 now. Works fine in Chrome too.

ikillbears · 31 Jul 2014 at 16:16

sorry guys, when looking at it in IE 6-8 ( i think ) it doesnt display as a menu bar, rather it just shows the list elements, the links work, but it looks really rather messy.

reason being i need to work this out is its a finance site and it seems a lot of banks and finance institutions use old and dilapidated software

ikillbears · 31 Jul 2014 at 16:17

Spunkey said:
Psuedo elements have big problems in old IEs: http://caniuse.com/#search=:hover

If you need to support that far back (which is pretty pointless IMO) use a JS framework such as jQuery to abstract the browser compatibility problem away from your code.

Do you have a link i could do some reading on ? that would be awesome, not the smartest of chaps

gord · 31 Jul 2014 at 16:45

I think your actual problem there is the use of inline-blocks on the list elements. Try replacing that and adding a float to get it crudely working. You'll then need to tweak some widths no doubt.

Code:

nav ul li {
display: block;
float: left;
}