[SOLVED] Positioning in the Web Browser

[ashrobbins87]

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 using 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

[lonewolf217]

use CSS

[ashrobbins87]

well yeah that what I meant by positioning it by the pixel distance from the edge, but surely different monitor sizes will mess it up???

[JonnoTheDev]

Post on the CSS forums, this topic is not associated with php

[ashrobbins87]

Thanks for the "help"

[Philip]

http://locusmeus.com/html-css/centerexample3.html

[wemustdesign]

If you want all of the content to be centered just put a wrapper div round:

 

<div id="wrapper">

 

Your content

 

</div>

 

css:

 

#wrapper {margin:0; margin:auto;}

 

This will center everything

[ashrobbins87]

This still wont work for me in IE.......

[wildteen88]

This still wont work for me in IE.......

Make sure you're using a valid DOCTYPE at the start of your HTML. Also you'll need to set a width to your #wrapper too.

[ashrobbins87]

wow thanks, inserting a DOCTYPE at the top of the code has worked! Could someone explain why that makes a difference to IE?

[wildteen88]

You should always define a DOCTYPE for any HTML page. Without it your browser goes into a non standards mode called quirks mode, which can produce unexpected results.

[seaweed]

This still wont work for me in IE.......

Make sure you're not using IE.

 

Fixed it for ya.