找回密码
 注册

QQ登录

只需一步,快速开始

搜索
查看: 1422|回复: 4

[站长互助] 怎么让Div居中?

[复制链接]
发表于 2011-3-28 17:18:33 | 显示全部楼层 |阅读模式
试过很多方法都没办法然div居中,当前用的代码如下,希望大家帮帮我:
  1. div#header{
  2. background:url(topbackground%20pic.png);
  3. position:absolute;
  4. top:10px;
  5. width:820px;
  6. height:412px;
  7. z-index:100;
  8. margin:0;
  9. padding:0;
  10. }
复制代码
回复

使用道具 举报

发表于 2011-3-28 17:20:25 | 显示全部楼层
改成这样试试:
  1. div#header{
  2. background:url(topbackground%20pic.png);
  3. top:10px;
  4. width:820px;
  5. height:412px;
  6. z-index:100;
  7. margin:0 auto 0;
  8. padding:0;
  9. }
复制代码

点评

很好!  发表于 2011-3-28 17:30
回复 支持 反对

使用道具 举报

 楼主| 发表于 2011-3-28 17:23:56 | 显示全部楼层
还是不行,不知道哪里错了,我把所有的内容都放进一个容器里面也不行,CSS代码如下:
  1. div#container{
  2. width:820px;
  3. top:0;
  4. margin:0 auto 0;
  5. border-style:solid;
  6. border-color:red;
  7. }
复制代码
HTML代码:
  1. <div id="container">
  2. <!-- content -->
  3. </div>
复制代码
回复 支持 反对

使用道具 举报

发表于 2011-3-28 17:26:59 | 显示全部楼层
HTML文件开头一定要用这样的申明,不然就会按怪异模式执行而无法居中:
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
复制代码
回复 支持 反对

使用道具 举报

发表于 2011-3-28 17:30:05 | 显示全部楼层
如果用绝对定位,可以用下面这样的:
  1. div#header{
  2. background:url(topbackground%20pic.png);
  3. position:absolute;
  4. top:10px;
  5. right:50%;
  6. width:820px;
  7. height:412px;
  8. z-index:100;
  9. margin:0 -410px 0 0;
  10. padding:0;
  11. }
复制代码
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

本版积分规则

QQ|Archiver|手机版|小黑屋|王牌互联

GMT+8, 2024-11-25 03:35 , Processed in 0.028785 second(s), 17 queries .

Powered by Discuz! X3.5

© 2001-2023 Discuz! Team.

快速回复 返回顶部 返回列表