Web page breaks in Opera Mobile and iPad browsers

HTML & CSS
1

Hi all!

The webpage i’m working on works fine on the desktop (I’ve tried all the major browser) and it works fine on Android’s default browser. However when viewing the page on a iPad or Opera Mobile browser the cent image part of the boarder shifts to the right. I’m not sure what’s causing the issue since it’s really hard to try different tests on the mobile platforms.

Main link: http://www.jcorbindesign.com/lightofdaymedia/ourcapabilities.html

2

Not really, as you’ll see if you narrow down your browser window to less than 1200px width.

One thing you can do to help with this is to add this to your CSS:

#boarderbg {
width:1200px;
margin: 0 auto;
}
3

Ah…set a width value to the boarder and auto margin left/right. Yup that did the trick!

Thanks again Ralph. m!