I have a very simple problem, but I can't seem to solve it. I have a table inside a div, which is the main element. Now I have a td tag inside the table with a width and hight set to that of an iphone screen size. Now I basically want to center that table with its td cell within the div tag, so that the 'screen' will be centered in any browser window. How do I do that?
Replacing that div with a table solved my problem, but I would like to use a div instead.
Thank You
HTML
CSS
or see the demo:- http://jsfiddle.net/QHEnL/16/
I haven't tested in IE (works in FF and Safari), but if you're using jQuery you could use this to center a div with the class
page
within the page:try this:
Try this one , I do this code - Demo here, Very easy and simple code ( I have used a hack code and extra span tag for only IE old version) http://jsfiddle.net/ERuX4/1/
css