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 Link to comment https://forums.phpfreaks.com/topic/149121-positioning-in-the-browser/ 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; } Link to comment https://forums.phpfreaks.com/topic/149121-positioning-in-the-browser/#findComment-783000 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! Link to comment https://forums.phpfreaks.com/topic/149121-positioning-in-the-browser/#findComment-783018 Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.