I have created a footer with links for the major pages of the "upgrade" to my choir's website. It displays perfectly in Chrome and Firefox but the alignment is bad in IE10 (I don't doubt IE 9 and earlier makes a bigger mess of the whole page.) Edge dislpays the same mis-alignment. I keep reading that I shouldn't use <table> as a layout tool and indeed in this case using table rows and data cells produces other unwanted results. So I messed around with non-breaking spaces until it looked right. Happy was I until I checked how it looked in internet Explorer! Clearly I'm using the wrong approach - any tips on how I should code to get the results I want in all desktop browsers?
An additional oddity - IE 11 although initially mis-aligning the footer now displays it all OK on my test m/c while a friend in another city with the same, identical version of IE sees the prblem alignment: what could be going on there? Any ideas?
The site is http://www.vivaldichoir.org -if I should post any code or a CSS excerpt to help with diagnosis, please let me know. Thank you!