DBS独立服客服务

查看完整版本: 如何使div层水平居中? 附详细图

wwj12000183 2008-5-9 19:00

如何使div层水平居中? 附详细图

[attach]4170[/attach]\\



[b][size=1]如图: 我是初学者,老是该不好,我使用z-blog自带的 default2.css 改[/size][/b]



笨笨哦

[[i] 本帖最后由 wwj12000183 于 2008-5-9 12:09 编辑 [/i]]

星铃丹 2008-5-9 20:00

你是想如我网站首页 [url]http://yyld.net[/url] 中间图片一样无论浏览器多大，它都永恒居中？

redscorpion 2008-5-9 20:43

margin: 0 auto;

星铃丹 2008-5-9 20:48

回复 3# 的帖子

人家要的是水平居中……

wwj12000183 2008-5-9 22:31

应该是个比较简单的    像这个一样
[url]http://yyld.net/blog/[/url]
[url]http://www.x-beta.cn/[/url]
就是中间文章列表和侧边栏并排的div层居中,但上面的头部和导航条的宽度是100%
我现在的页面效果是这样的:[attach]4171[/attach]

[[i] 本帖最后由 wwj12000183 于 2008-5-9 15:48 编辑 [/i]]

wwj12000183 2008-5-9 22:47

我的css学的有点半调子,看的懂,改不了

yuanb 2008-5-9 22:55

新建一个层，用来嵌套divmain和divsidebar，再给这个新建的层添加margin:0 auto属性

星铃丹 2008-5-10 07:56

汗，同上。

wwj12000183 2008-5-10 09:00

还是过不去

星铃丹 2008-5-10 09:25

[url]http://pjblog.sx245.365dns.net/juzhong.html[/url]
我写了个，你下下来看看源代码吧。

wwj12000183 2008-5-10 09:36

摸索中...............

wwj12000183 2008-5-10 09:37

这个页面出现 "您未被授权查看该页"的情况

星铃丹 2008-5-10 09:46

:Q :Q 为什么我一直访问正常

星铃丹 2008-5-10 09:48

<html>
        <head>
                <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
                <title>摇曳铃丹☆居中DIV层</title>
                <style type="text/css">
                        body{
                                margin:0 auto;
                                padding:0;
                                text-align:center;
                        }
                        #divtop{
                                background-color:green;
                                height:50px;
                                width:100%;
                                margin:0 auto;
                                padding:0;
                        }
                        #divnavbar{
                                background-color:#000000;
                                height:20px;
                                width:100%;
                                margin:0 auto;
                                padding:0;
                                color:#FFFFFF;
                        }
                        #divpage{
                                margin:0 auto;
                                padding:0;
                                width:1001px;
                                float:center;
                        }
                        #divmain{
                                width:800px;
                                margin:0 auto
                                padding:0;
                                float:left;
                                background-color:blue;
                                height:500px;
                        }
                        #divsidebar{
                                width:200px;
                                margin:0 auto
                                padding:0;
                                float:left;
                                background-color:red;
                                height:500px;
                        }
                        #divbottom{
                                background-color:green;
                                height:30px;
                                width:100%;
                                margin:0 auto;
                                padding:0;
                                clear:both;
                        }
                </style>
        </head>

        <body>
<div id="divtop">divtop</div>
<div id="divnavbar">divnavbar</div>
<div id="divpage">
        <div id="divmain">divmain</div>
        <div id="divsidebar">divsidebar</div>
</div>
<div id="divbottom">divbottom</div>
        </body>
</html>

wwj12000183 2008-5-10 22:16

可以帮我看看吗?   不管怎么弄,还是错屏的

星铃丹 2008-5-11 07:39

例子都给了，还要……:funk:

星铃丹 2008-5-11 13:22

简单看了下，css不是一般的乱，对基本位置都没啥概念。现在懒得帮你调，先介绍两调试工具给你：[url]http://yyld.net/blog/article/1029.html[/url]

（来打倒我的ad吧）

redscorpion 2008-5-11 13:24

打到楼上的ad
btw，我的意思就是这样，不过我省略了再加一个层而已:lol

星铃丹 2008-5-11 13:30

回复 18# 的帖子

加层的思路是按zblog本来结构来的……

nobird 2008-5-11 15:28

:lol 偷偷的在一边看高手过招~

wwj12000183 2008-5-11 21:25

谢谢你们,我自己慢慢调试!

[[i] 本帖最后由 wwj12000183 于 2008-5-11 14:33 编辑 [/i]]

wwj12000183 2008-5-11 21:34

星铃丹姐姐(你做网页时我大概读小学6年级)以前不是用pj博客的吗! 我在pj博客论坛里经常看到你的文章,现在为什么用z博了?

[[i] 本帖最后由 wwj12000183 于 2008-5-11 14:37 编辑 [/i]]

星铃丹 2008-5-12 07:53

回复 22# 的帖子

:funk: 小学六年级……

你会长大，人也会变，东西也会换嘛……

freesky 2008-5-12 12:38

推荐你看看阿捷的网页设计师网站 [url]http://www.w3cn.org/[/url]，里面教程适合初学者。
页: [1]
查看完整版本: 如何使div层水平居中? 附详细图