div层固定宽度并居中

• <P> </P> <P>今天在做一个客户的网站遇到的问题：</P> <P>就是一个DIV层不能居中。用以前使用方法也不行。然后我在网上找到了一个网站</P> <P>div层固定宽度并居中代码如下</P> <TABLE style="BORDER-RIGHT: #6595d6 1px dotted; TABLE-LAYOUT: fixed; BORDER-TOP: #6595d6 1px dotted; BORDER-LEFT: #6595d6 1px dotted; BORDER-BOTTOM: #6595d6 1px dotted" cellSpacing=0 cellPadding=6 width="95%" align=center border=0> <TBODY> <TR> <TD style="WORD-WRAP: break-word" bgColor=#cccccc> <P>以下是代码片段：<BR></P> <P>div层固定宽度并居中方法一：</P> <P>/* CSS Document */</P> <P>body,html{<BR>margin:0px;<BR>padding:0px;<BR>text-align:center;<BR>background:#e9fbff;<BR>}<BR>#container{<BR>position:relative;<BR>margin:0px;<BR>padding:0px;<BR>width:700px; /*必须要有宽度否则无法对齐*/<BR>text-align:left;<BR>background:url(container_bg.jpg) repeat-y;<BR>}</P> <P> </P> <P>div层固定宽度并居中方法二：</P> <P>/* CSS Document */</P> <P>body,html{<BR>margin:0px;<BR>padding:0px;<BR>background:#e9fbff;<BR>}<BR>#container{<BR>position:relative;<BR>left:50%;<BR>width:700px;<BR>margin-left:-350<BR>margin:0px;<BR>background:url(container_bg.jpg) repeat-y;<BR>}<BR>#banner{<BR>margin:0px;<BR>padding:0px;<BR>}<BR>#links{<BR>font-size:12px;<BR>margin:-18px 0px   0px 0px;<BR>padding:0px;<BR>position:relative;<BR>}</P></TD></TR></TBODY></TABLE>
  
  
• [时间：2009-12-29 16:17:33][点击:]

上下篇文章加载中...