hey,<br /><br />ive got this bit of code that keeps my page content central when i load it onto the browser.<br /><br />works lovely in firefox but when i use IE the page layout goes to pot,<br /><br />please help.<br /><br />the code im using is ...<br /><br /><div id="tipDiv" style="position:absolute; z-index:100"></div><br /><div align="center"><br /><br />ive had a mess around and im pretty sure that its the 'z-index:100"></div>' that is causing the problems.<br /><br />thanks to anyone that can help me out.<br /><br /><br />d<!--content-->
<!--quoteo--><div class='quotetop'>QUOTE</div><div class='quotemain'><!--quotec--><div style="width: x; margin: 0 auto;"><br />always works for me in every browser to center my layout.<br /></div><!--QuoteEnd--></div><!--QuoteEEnd--><br /><br />Wildo<!--content-->
doesn't z-index make things bigger.<!--content-->
The z-index property sets the stack order of an element. An element with greater stack order is always in front of another element with lower stack order.<br /><br />What makes your page centered is "margin: 0 auto;" - this basically means 0 top and bottom margins and the right and left margins are automatically set within the browsers window width - thereby making your layout central. It's always best to use this in conjunction with "text-align: center;" within your body tag.<!--content-->
thanks for this assistance....all sorted and working fine.<br /><br /><br />d<br /><br /><!--content-->
<!--quoteo--><div class='quotetop'>QUOTE</div><div class='quotemain'><!--quotec--><div style="width: x; margin: 0 auto;"><br />always works for me in every browser to center my layout.<br /></div><!--QuoteEnd--></div><!--QuoteEEnd--><br /><br />Wildo<!--content-->
doesn't z-index make things bigger.<!--content-->
The z-index property sets the stack order of an element. An element with greater stack order is always in front of another element with lower stack order.<br /><br />What makes your page centered is "margin: 0 auto;" - this basically means 0 top and bottom margins and the right and left margins are automatically set within the browsers window width - thereby making your layout central. It's always best to use this in conjunction with "text-align: center;" within your body tag.<!--content-->
thanks for this assistance....all sorted and working fine.<br /><br /><br />d<br /><br /><!--content-->