【问题标题】:My Homepage Footer is Cut-off我的主页页脚被截断
【发布时间】:2015-10-04 00:34:08
【问题描述】:

我的网站页脚 (theniftynerd.com) 出现问题。几天前我安装了一个新的 Weebly 主题。当我安装时,一切都很好,看起来不错。昨天突然间,我的主页页脚似乎坏了。它没有跨越整个屏幕的 100% 宽度——就像它卡在主体的宽度上一样。不过,页脚在所有其他页面上都很好。 我对新主题所做的唯一修改是使用以下代码扩大了博客页面的侧边栏:

blog-sidebar { width: 250px; } .column-blog { float: left; width: 235px; margin: 0; padding: 0; }

我还更改了主题按钮的背景颜色 - 实际上只更改了十六进制颜色值(在这两个编辑之后网站都很好)。我不明白主页页脚是如何损坏的,以及为什么其他页面都很好。

下面是 CSS 中的页脚代码(我只能编辑 CSS):

/* Footer */
  .footer-wrap .container {
    padding: 0;
  }
  .footer-wrap .wsite-footer {
    width: 100%;
    padding: 40px 20px;
    box-sizing: border-box;
  }
  .footer-wrap td.wsite-multicol-col {
    margin-bottom: 25px !important;
  }
  .footer-wrap td.wsite-multicol-col:last-child {
    width: 100% !important;
  }

我不是最精通代码的,因此非常感谢任何帮助!谢谢

【问题讨论】:

  • 您可以使用http://www.aliciaramirez.com/closing-tags-checker/ 等工具进行检查。 :D
  • @Panther 我输入了我在 Weebly 中可以访问的所有代码,它说我的所有项目都已关闭。

标签: css weebly


【解决方案1】:

问题是<div class="container"> 中有一些未封闭的标签,因此页脚进入了<div class="container">,而它不能。所以,在<div class="container"><div class="main-wrap">中的那个)里面找到一个没有它的关闭对的标签,问题就会解决)

【讨论】:

  • 谢谢 Dmitry,但我没有看到。我没有编辑这个,为什么它会被破坏?为什么只在首页上?
  • 我可以访问我的 5 种标题类型下的 div 标签:例如,这里是其中之一 登陆:<div class="main-wrap"> <div class="container"> <div class="content-wrap">{content}</div> </div><!-- end container --> </div> <div class="footer-wrap"> <div class="container"> <div class="footer">{footer}</div> </div><!-- end container --> </div><!-- end footer-wrap --> </div>
  • {content} 部分中的答案 - 我猜你用一些在线编辑器编辑这部分,不是吗?因此,打开此页面的内容并尝试找到缺少的结束标记。实际上,我不能说为什么会发生这种情况,但是,我想,可能是缓存在之前的更改之后将页面保持在正常状态,并且在一段时间后它显示出来。首先,将页面内容保存在某处,然后,将其从站点中删除并检查内容是否处于正确状态 - 如果是这样,您可以肯定,这是导致页脚消失的内容。
猜你喜欢
  • 1970-01-01
  • 2014-05-16
  • 1970-01-01
  • 2017-08-18
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多