ashrobbins87 Posted March 12, 2009 Share Posted March 12, 2009 I am designing a website where I want the content as a whole to be centrally aligned on the page so that it is in the middle no matter what size the user's monitor is. At the moment I've got a toolbar which I can centralise, and I want to align some text with the left hand side of the toolbar. How do I do this? Because surely if I position it exactly with css using the distance in pixels, it will be different for different size monitors? The only other option I can think of is to make a table and put the toolbar in one <tr> and the text above it in the first <td> on the left. Any suggestions would be welcome! Thanks Quote Link to comment Share on other sites More sharing options...
dgoosens Posted March 12, 2009 Share Posted March 12, 2009 the easiest way to get this done is to define a <div> with a set height and with then, in your css you set the margin to 'auto' thus, in your html: <html> <head></head> <body> <div id="test"> some content </div> </body> and in your css .test { height: 600px; width : 600px; margin: auto; } Quote Link to comment Share on other sites More sharing options...
ashrobbins87 Posted March 12, 2009 Author Share Posted March 12, 2009 thank you mate, that will come in handy! Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.