I'm designing an EPK for my band and I'm having some problems. On my screen, the proportions are great in every browser. But on my bassists computer, elements are overlapping. I was wondering if someone could help me figure out why?
Here's the site: http://www.indefinitedyad.com/epk.html
and here's a jsFiddle with the code: http://jsfiddle.net/mkk9F/
Here's how it's turning up on her screen: http://img.photobucket.com/albums/v410/justice4all_quiet/Screenshot2012-07-29at22149PM.png
Any help would be greatly appreciated!
From what I can tell this is actually a CSS issue and it is because your .content width is set to 90%. If you resize your browser or have a higher resolution monitor it looks fine. You need to set your content division to a defined width if you want a set size (1080px works nice on my browser), or alternatively look into a grid system such as the 1140px grid which can be found here which works for mobile and screen resizing.
Hope this helps!
