I’m working on a new layout and hit a snag with Android. I’m using a CSS sprite and equal height columns to set the background on an element. I need the two edges of the box to show the background and the box needs to be flexible in width and this seemed to be the only way of doing it. Setting the background to repeat-y on both ‘columns’ gets me the final result but there’s no way I could get it to work on Android.
Opera, Safari, Firefox, Chrome, IE9, iPhone, iPad all fine. Android no. I started off with ‘right’ as the position, tried 100% but it still didn’t work. In the end I had to abandon the sprite idea and chop off the 9px wide sliver I needed.
Google didn’t turn up anything so if anybody knows a fix let me know. Otherwise I’m moving on to more important matters with my new layout.
No related posts.
If you enjoyed this article, please consider sharing it!
