I am having real difficulty getting a page I've created to align center. It uses a lot of absolute positioning of DIVS so I thought it would probably be only possible by including it into another document using PHP Include() or something but that doesn't seem to work either.
This is the page: <!-- m --><a class="postlink" href="http://www.lastordersband.com/transparent/start.php">http://www.lastordersband.com/transparent/start.php</a><!-- m -->
It's the main white DIV with all the content I want to align to the centre and have equal amounts of grey either side. Can anyone show me how I cna do this?
Thanks.
Spyke.body {
text-align : center ; /* normally wouldn't have to do this, but since IE is so stupid it won't recognize the next bit of code, so text-align acts as a fix */
}
#wrapper /* or whatever ID your div has assigned to it */ {
margin : 0 auto ;
}On that wrapper div, get rid of the "position:absolute;" and add "margin:0 auto;".
This is the page: <!-- m --><a class="postlink" href="http://www.lastordersband.com/transparent/start.php">http://www.lastordersband.com/transparent/start.php</a><!-- m -->
It's the main white DIV with all the content I want to align to the centre and have equal amounts of grey either side. Can anyone show me how I cna do this?
Thanks.
Spyke.body {
text-align : center ; /* normally wouldn't have to do this, but since IE is so stupid it won't recognize the next bit of code, so text-align acts as a fix */
}
#wrapper /* or whatever ID your div has assigned to it */ {
margin : 0 auto ;
}On that wrapper div, get rid of the "position:absolute;" and add "margin:0 auto;".