>
抽 屉 抽 屉 8272好朋友

【求助】解决啦~(温暖~)

Lanmo 2010-07-25
呃……怎样把博客的日志内容版面居中呢?
板子是根据hisoya的【风铃】改的……
之前在小组里看到有人问同样的问题,但是我把text-align改成center了还是不行……
我虾米,哪位好心的大虾帮帮忙,鞠躬~十分感谢~
这是我的博客http://lanmonly.blogbus.com/
------------------------以下是css代码------------------------
<style type="text/css" media="screen">

/* ---------------------------------------------------
global settings
------------------------------------------------------ */
body {
margin: 0;
padding: 0;
font: 100%/1.4em "lucida grande", verdana, 'trebuchet ms', sans-serif;
color: #8ecaee;
text-align:center;
font-family: Verdana, Arial, Helvetica, sans-serif;
background: #ffffff url(http://filer.blogbus.com/5915624/5915624_1279699203d.jpg) left top no-repeat fixed;
}

<!--
#height {height:100px;}
html {

SCROLLBAR-ARROW-COLOR:#000000;
SCROLLBAR-FACE-COLOR:#FFFFFF;
SCROLLBAR-DARKSHADOW-COLOR:#FFFFFF;
SCROLLBAR-HIGHLIGHT-COLOR:#FFFFFF;
SCROLLBAR-3DLIGHT-COLOR:#FFFFFF;
SCROLLBAR-SHADOW-COLOR:#FFFFF...
SCROLLBAR-TRACK-COLOR:#FFFFFF;

}
-->
呃……怎样把博客的日志内容版面居中呢?
板子是根据hisoya的【风铃】改的……
之前在小组里看到有人问同样的问题,但是我把text-align改成center了还是不行……
我虾米,哪位好心的大虾帮帮忙,鞠躬~十分感谢~
这是我的博客http://lanmonly.blogbus.com/
------------------------以下是css代码------------------------
<style type="text/css" media="screen">

/* ---------------------------------------------------
global settings
------------------------------------------------------ */
body {
margin: 0;
padding: 0;
font: 100%/1.4em "lucida grande", verdana, 'trebuchet ms', sans-serif;
color: #8ecaee;
text-align:center;
font-family: Verdana, Arial, Helvetica, sans-serif;
background: #ffffff url(http://filer.blogbus.com/5915624/5915624_1279699203d.jpg) left top no-repeat fixed;
}

<!--
#height {height:100px;}
html {

SCROLLBAR-ARROW-COLOR:#000000;
SCROLLBAR-FACE-COLOR:#FFFFFF;
SCROLLBAR-DARKSHADOW-COLOR:#FFFFFF;
SCROLLBAR-HIGHLIGHT-COLOR:#FFFFFF;
SCROLLBAR-3DLIGHT-COLOR:#FFFFFF;
SCROLLBAR-SHADOW-COLOR:#FFFFFF;
SCROLLBAR-TRACK-COLOR:#FFFFFF;

}
-->

/* links */

a {
text-decoration: none;
color: #5a91b7;
}
a:hover {
text-decoration: none;
color: #d5eefd;
}
a img {
border: 0;
}

/* hn */

h1, h2, h3 {
font-weight: normal;
color: #333;
}
h1, h2, h3, p {
margin: 10px 0;
}
h1 {
font-size: 1.3em;
}
h2 {
font-size: 1.1em;
}
h3 {
font-size: 1em;
}

/* list styles */

ul {
margin: 10px 0;
padding: 0;
}
ul li {
list-style-type: none;
margin: 0 0 5px 0;
padding: 0 0 0 15px;
line-height: 20px;
}
ol {
margin: 10px 0 10px 25px;
padding: 0;
}
ol li {
margin: 0 0 5px 0;
padding: 0;
}

/* ---------------------------------------------------
layout
------------------------------------------------------ */
#kisswrap {
width: 820px;
margin: 0 auto;
text-align: left;
}
#kisscontainer {
height: 1%;
margin: 15px 0;
}
#kisscontainer-top {
height: 10px;
}
#kisscontainer-bottom {
clear: both;
height: 30px;
}
/* ---------------------------------------------------
header
------------------------------------------------------ */
#kissheader {
width: 800px;
height: 1%;
padding: 0 0 0px;
text-align:center;
}
#kissheader div {
padding: 0 0;
}
#kissheader h1 {
margin: 0;
font-size: 10px;
text-transform: uppercase;
text-align:center;
}
#kissheader h1 a {
color: #eee;
}
#kissheader h1 a:hover {
color: #fff;
}
h2.description {
margin: 0;
font-size: 0.75em;
color: #b2b2b2;
line-height: 1.4em;
}
/* ---------------------------------------------------
main column
------------------------------------------------------ */
#kissmain {
width: 485px;
display: inline;
float: right;
font-size: 0.75em;
}
#kissmain-1 {
margin: :0 auto;
}

/* post */
.diaryhead{
border-left: 5px #bbe3f9 solid;
}
div.post {
margin: 0 0 20px;
padding: 0 0 40px;
}
div.post table {
display: none;
}
h2.post-title {
margin: 0;
font: 12px georgia, "trebuchet ms", sans-serif;
color: #8ecaee;
text-transform: uppercase;
letter-spacing: 0.5em;
text-align: left;
}
h2.post-title a {
color: #8ecaee;
font-size: 12px;
font-weight: bold;
border-bottom: 1px #bbe3f9 dotted;
}
h3.post-date {
margin: 0;
font-size: 0.85em;
color: #ffd0d4;
text-align: left;
height: 12px;
}
div.post-body {
margin: 20px 0 0;
text-align:justify;
}
p.postmetadata {
margin: 20px 0 0;
padding: 0 0 0 20px;
line-height: 19px;
font-size: 0.85em;
color: #999;
}
p.prev-next {
height: 1%;
margin: 0 0 20px;
padding: 0 0 20px;
text-align: center;
}

/* Comments */
#comments {
margin: 20px 0;
padding: 0 0 40px;
width: 400px;
}
#comments h2 {
margin: 0;
font: 0.9em georgia, "trebuchet ms", sans-serif;
color: #333;
text-transform: uppercase;
letter-spacing: 0.5em;
text-align: center;
}
#comments ol {
width: 400px;
}
#comments li {
margin: 0 0 20px;
padding: 0 0 20px;
font-size: 12px;
}
#comments li span {
font-size: 0.95em;
text-transform: uppercase;
}
.recmtBody{
color:#5a91b7;
margin:5px 0;
padding:5px 10px;
}
#comments form {
font-size: 0.85em;
text-transform: uppercase;
}
#emList img{ padding-bottom:5px;}
.emailnotice span{color:#8ecaee;}
.cmtBody img{padding:0 2px;}

#searchsubmit {
padding: 2px;
background: #8ecaee;
border: 3px double #8ecaee;
border-top-color:#8ecaee;
border-left-color: #8ecaee;
font-size: 85%;
color: #333;
text-transform: uppercase;
text-align: center;
letter-spacing: 0.1em;
}

0
显示全文

查看更多有趣的豆瓣小组

回应 (25条) 只看楼主

  • Lanmo
    咕~~(╯﹏╰)b,有没有人帮帮忙呀~~~~~~~
  • Apricity
    额……你有没有哪个模板的效果是你想要的这种效果的?对比看看该改哪里咯。

    我也很菜额……

    你的博很漂亮~ >o<
  • 名叫脚脚的小八
    嘿 看了你的我觉得我也该开始整理两个月前的世博之旅了

    很奇怪 我试了你的代码
    body {
    margin: 0;
    padding: 0;
    font: 100%/1.4em "lucida grande", verdana, 'trebuchet ms', sans-serif;
    color: #8ecaee;
    text-align:center;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    background: #ffffff url(http://filer.blogbus.com/5915624/5915624_1279699203d.jpg) left top no-repeat fixed;
    }
    应该是居中的啊

    要不你试试在index里,加上 align=center试试

    呃...我也很菜
  • [已注销]

    #comments {
    margin: 20px 0;
    padding: 0 0 40px;
    width: 400px;
    }
    里加上text-align:center;试试 就是变成
    #comments {
    margin: 20px 0;
    padding: 0 0 40px;
    width: 400px;
    text-align:center;
    }
  • [已注销]
    text-align是文字居中……
    LZ要的是把显示文字的那块内容居中吧?
    那你把INDEX和LOG的代码发出来看看,这个要结合看的,如果hisoya是用TABLE还简单,是用DIV定义的话改的地方就会比较多了~
  • [已注销]
    难道楼主的意思不是想把文字居中么。。。
  • [已注销]
    呃……怎样把博客的日志内容版面居中呢?
    板子是根据hisoya的【风铃】改的……
    --------------------------------------------------

    难道你们都没有看到LZ这句话么……
    “【日志内容版面】居中”

    还是说是我理解错了?
  • [已注销]
    不是 我是这样理解的 楼主的博 左边是一个大图。。。然后右边才是日记文本。。。
    所以我觉得她说的居中指的是文字居中吧?!好吧F我语文水平有问题你又不是不知道 - - (我是你昨天凌晨跑去博客留言的那位=v=)
  • [已注销]
    咦 我觉得可能我们说的是一个意思
    所谓文字居中,跟内容居中是8一样的。饿……
    内容居中,就是整块显示日志的内容在页面的中间,但是段落的第一行的第一个字还是从左边开始的。
    文字居中,就是说第一行的第一个字是从中间开始的。

    不知道你理解不……
    ----------------------
    话说昨天半夜我去谁博客留言了|||
    失忆了ORZ
  • [已注销]
    不记得就算啦 哈哈~~
    -------------------------------------------
    唔 我明白你的意思 你对楼主理解的是内容居中 我对楼主理解的是文字居中 理解不同也很正常 等反正大家两种方法都给了 就等楼主自己回来看啦
查看更多回应(25)/  添加回应

推荐小组

值得一读

    豆瓣
    我们的精神角落
    免费下载 iOS / Android 版客户端
    App 内打开