I have a website at: http://lazypassiveearnings.com/lazypassiveearnings.html it shows left aligned in safari and I want it tb be center aligned no matter what the browser or settings. I've tried div align tags etc but does not work.......anyone help or advise how to do it?
First, remove this: <style type="text/css"> body {align:center;} </style> Code (markup): And change this: <body style="margin-left: 57px; width: 854px;"> Code (markup): to <body> Code (markup): Next: Create new div in CSS : #wrapper { width: 854px; margin: 0 auto; } Code (markup): and then put your whole website in this div.
I have done the first two but don't understand the last step: Next: Create new div in CSS : Code: #wrapper { width: 854px; margin: 0 auto; } and then put your whole website in this div. Could you explain what this means? regards Colin
I've made necessary corrections in your code: pastebin.com/EV7mgFc2 I've created new CSS style and embedded it in your HTML code: <style type="text/css"> #wrapper { width: 854px; margin: 0 auto; } </style> Code (markup): I've put your whole website in DIV that uses the CSS I wrote before, just added <div id="wrapper"> after <body> and closed it (with </div>) before </body>. This CSS style is creating invisible box of width of 854px with your website and centers it in browser window.