HTML/CSS footer on mobile site doesn't work on IPhone safari How to fix? -
i'm having trouble mobile website. client wants these text based buttons/links on bottom added them, i'm little rusty on using size percentages. i need make , stay on same line, stretch accordingly text isn't small read. can make looks , works fine on samsung or nexus, using iphone caused third text element move next line rather shrink. mobile website: http://teetimelawn.com/m/html/index.html edit (screnshot of iphone simulator showing problem): http://i.imgur.com/r0re0i5.png how typically looks on android phones liks nexus: http://i.imgur.com/tkplv4v.jpg html: <section id="footer"> <div id="footer"> <div id="full"><a href="http://www.teetimelawncare.com">full site</a></div> <div id="foot"><a href="tel:18156096969">call us</a></div> <div id="footer-right">tee time lawn care © </d...