Foundation // Respond.js
Bit of an amateur when it comes to responsive design however - at work we are considering re-designing our site and making it responsive. I've been playing around with Foundation 4 from ZURB and have been very impressed - my issue is I need the grid to work in IE8.
After doing some reading up I seem to have found a potential solution by including respond.js - This is the bit where I really am an amateur. I have tried adding the script and referencing it but no cigar - I just can't seem to get it to work.
Any help on where to include the conditional script tag in my HTML or alternatively a different solution would be fantastic. I would be much obliged if someone out there could help me out with this!
Thanks in Advance!
can you post your code for us to see? hard to offer advice blind... :-/
Here's the code.
and where in here have you tried posting what and what happens when you say it doesn't work? does it work in other browsers fine but not ie8?
I have tried adding the respond.js in the standard places eg. right after the stylesheet links, above the style sheet links, before the closing body tag - with no joy.
Yes the page works fine in everything except IE8 and unless I'm mistaken I thought adding respond.js would resolve the problem with the responsive 12 column grid system which the Foundation 4 framework uses.
Sorry the file I was trying to add was the respond.js if I didn't mention that before.
did you read their docs/support page on this, perchance?
"Want IE8 Grid Support? We know it can be hard to get clients to ditch support for IE8. We're hoping with the auto-update to IE10 release from Microsoft, we won't need to worry about it anymore. Until then, here's a gist with a grid that will work in IE8, just like it did in Foundation 3."
this might do what you need...
Your html code is missing all the required classes to make the foundation grid work at all. Do you have an online version for us to inspect?
System: Win7 64bit - i7 firstname.lastname@example.orgGhz, p6t Deluxe v1, 48gb (6x8gb RipjawsX), ATI 7970 3gb, EVGA 590 3GB, Revodrive X2 240gb, e-mu 1820. Screens: 2 x Samsung s27a850ds 2560x1440, HP 1920x1200 in portrait mode
P.S. sometimes it's easier to temporarily share large amounts of code via https://gist.github.com, http://pastebin.com, or http://jsfiddle.net.
Artist / Programmer
Interactive installations, audiovisual performances, graphics programming, technical direction