HTML 错误, <body> 只是页面的一部分



我正在编辑一个网站,作为对一位教授的帮助,我非常惊讶地看到这个网站的状况非常糟糕(或者我认为是这样)。我已经很久没有编辑HTML和CSS了,我不明白这是怎么发生的。

这是网站链接:http://bioclues.org/ojs/index.php/IJCB/index以下是我认为错误的地方:http://bayimg.com/kAnaIaaDi

我把它做得好看一点,并想把标题、内容等放在一个div中,这样我就可以得到博客般的外观。但这很奇怪。

为什么会发生这种情况,有什么帮助吗?我该如何纠正?

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

顺便说一句,照片不见了。

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

编辑:

好的,我想我已经解决了的问题

在左边的Sidbe.css行37

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

评论浮动和溢出将显示你的身体。类似的东西也覆盖了左导航。

使用现有css更改以下css-

Css线路106公共.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

屏幕上的body标签属于一个id为"body"的div。

最新更新