Question

我正在编辑一个网站作为对教授的青睐，我非常惊讶地看到该网站状况非常糟糕（或者我认为）。我编辑HTML和CSS已经很久了，我无法理解这是怎么回事。

这是该网站的链接：http://bioclues.org/ojs/index.php/IJCB/index 这就是我认为错的：http://bayimg.com/kAnaIaaDi

我让它看起来更好看，并希望将标题，内容等包含在一个div中，以便我可以获得博客。但这很奇怪。

有关为何发生这种情况的任何帮助？我该如何纠正呢？

正在使用的系统是Open Journal Systems。

Answer 1

顺便说一句，画面已经消失了。

我的猜测是你的问题是嵌套标签不正确。使用HTML编辑器来避免这些错误。或者只使用notepad ++

修改

好的我想我在那里找到了问题

在leftSidbe.css第37行

#main { /*float: right;*/ width: 63%; margin-right: 10%; /*overflow: hidden;*/ }

评论浮动和溢出会告诉你你的身体。这样的东西也覆盖了左侧导航。

Answer 2

使用现有的css更改以下css -

Css line 106 common.css

#headerTitle {
    margin: 0 auto;
    padding: 0;
    text-align: center;
    /*text-align: left !important;*/
    width: 100%;
}

Common.css line  113

#header h1 {
    font-family: Georgia,'Times New Roman',Times,serif;
    font-weight: normal;
    margin: 0 auto;
    padding: 0.5em;
}

common line 152

#navbar {
    border-bottom: 2px dotted #000000;
    margin: 0 auto;
    padding-bottom: 0.5em;
    text-align: center;
}

leftsidebar.css line 20

#body {
    height: 100%;
    margin: 0 auto;
    vertical-align: top;
    width: 950px;
}

截屏：http://bayimg.com/LANaNAadi

Answer 3

屏幕上的正文标签属于div，其id值为“body”。

HTML错误，只是页面的一部分

3 个答案: