P Paul May 3, 2005 #1 Is it possible to centalise a layer ie it appears in the centre no matter what browser is used , Regards Paul
Is it possible to centalise a layer ie it appears in the centre no matter what browser is used , Regards Paul
M Murray May 3, 2005 #2 Here is a good demonstration - http://www.roast-horse.com/tutorials/_tutorials/css_centered_content/index.html And here is some code - (inline styles used for clarity) STYLESHEET - body { text-align:center; } /* for IE5/IE5.5 */ #wrapper { text-align:left; } BODY - <div id="wrapper" style="width:760px; top:0; margin:0 auto; position:relative;"> <div id="layer1" style="width:200px; top: 25px; left:140px; position:absolute;">blah</div> <div id="layer2" style="width:180px; top: 136px; left:23px; position:absolute;">blah</div> </div> Try that - an outer relatively positioned division with a width and auto left and right margins. All interior AP divisions will be centered, yet retain the same relative positioning.
Here is a good demonstration - http://www.roast-horse.com/tutorials/_tutorials/css_centered_content/index.html And here is some code - (inline styles used for clarity) STYLESHEET - body { text-align:center; } /* for IE5/IE5.5 */ #wrapper { text-align:left; } BODY - <div id="wrapper" style="width:760px; top:0; margin:0 auto; position:relative;"> <div id="layer1" style="width:200px; top: 25px; left:140px; position:absolute;">blah</div> <div id="layer2" style="width:180px; top: 136px; left:23px; position:absolute;">blah</div> </div> Try that - an outer relatively positioned division with a width and auto left and right margins. All interior AP divisions will be centered, yet retain the same relative positioning.
