Even simple things like the nav being an in-line block and list style isnt being done correctly. Validate comes up fairly clean, with some small things that I could fix, but see no reason (ie. a in a UL).
Other than that, I thought all my markup and css should be workable in IE, simply because it is a simple site. The only thing I can really think of is that I am using a fluid grid. Anyone have any input? Would be appreciated, thanks.
inline-block causes issues in IE8 and lower, basically because inline-block is better suited for turning using properties of a block element on an inline element, rather than the other way around...here is a fallback to fix your navigation issue (for the most part...you may need to adjust further)
Built a custom theme on wordpress that works in everything but IE... Tested using IE tester and adobe browser tester.
http://www.studentsofdesign.com/ysu/jp/
Even simple things like the nav being an in-line block and list style isnt being done correctly. Validate comes up fairly clean, with some small things that I could fix, but see no reason (ie. a
in a UL).
Other than that, I thought all my markup and css should be workable in IE, simply because it is a simple site. The only thing I can really think of is that I am using a fluid grid. Anyone have any input? Would be appreciated, thanks.
inline-block causes issues in IE8 and lower, basically because inline-block is better suited for turning using properties of a block element on an inline element, rather than the other way around...here is a fallback to fix your navigation issue (for the most part...you may need to adjust further)
see here: http://codepen.io/anon/pen/HLBJd
your other solution, would be to float the elements instead, which will keep the block integrity as well as allow them to line up nice and neat.
You might want to read this: http://css-tricks.com/forums/discussion/13524/inline-block-vs-float/p1.