I'm building an alternative html website, of a Flash website, for a client. It is 800X500 and needs to be aligned 'center' and 'middle' so that it loads at the center of the page. My problem is, on this one page, I 'm using Pretty Photo to load larger versions of images, but it's improperly loading the entire page. In all browsers it loads with a horizontal scrollbar, and with IE, it also forces the entire page to the "top' position of the browser window, instead of the 'middle'. I believe it's the ul that is forcing the entire page to load to "top" instead of 'middle'. I have Gooogled the heck out of this, with no success. How can I fix these issues?
my markup: <body> <ul class="gallery clearfix"> <script type="text/javascript" charset="utf-8"> $(document).ready(function(){ $(".gallery a[rel^='prettyPhoto']").prettyPhoto({theme:'facebook'}); }); </script> my table content followed by: </ul> </body> </html>
Solved! The problem was only with me putting it arround all of the page, and not just arround table where I wanted the effects.