网站上的时间表不在顶部[关闭]答案

【问题标题】：Schedule on website not at the top [closed]网站上的时间表不在顶部[关闭]
【发布时间】：2014-07-11 05:53:56
【问题描述】：

我正在使用 wordpress 和一个日历，我似乎无法让日历位于侧边栏旁边的顶部。这是链接http://bikebuckscounty.com/routes/calendar/，非常感谢您的帮助。我尝试了随机css，例如将margin-top 和padding-top 设置为-900px !important;，但没有任何效果。当我使用检查器时，它似乎应该从顶部开始，但没有。感谢大家的帮助。

我把它修好了，而不是完全破解它。谢谢伙计们非常感谢它。很抱歉没有放代码混淆了什么代码。

我最终做的是对它进行破解并将内联 css 放入 wordpress 页面中。很抱歉缺少代码感到困惑。

【问题讨论】：

请在此处添加有意义的代码和问题描述。不要只链接到需要修复的站点 - 否则，一旦问题得到解决，这个问题将对未来的访问者失去任何价值。发布 Short, Self Contained, Correct Example (SSCCE) 来证明您的问题将帮助您获得更好的答案。有关详细信息，请参阅 Something on my web site doesn't work. Can I just paste a link to it? 谢谢！
我应该显示代码的哪一部分。这就是为什么我遇到问题的原因可能是插件代码、我的代码、wp 代码或输出代码？
见stackoverflow.com/help/mcve

标签： html css wordpress

【解决方案1】：

您需要以下 CSS，因为图像 (<img src="..." id="blueverticallineallotherpages">) 导致 leftsidecontent div 在其下方流动。

.leftsidecontent { position: absolute; }

另外，从#ai1ec-container 中删除margin-top: -500px; 并从未命名的DIV 中删除margin-top: -750px;enter code here

这两个元素的负边距也是无效的 CSS

快速而肮脏的解决方案：

#ai1ec-container {
   /* position: absolute; */    //remove or comment this line out
   margin-top: 335px;           //add this line
}
#primarysidebar {
   /* float: right; */    //remove or comment this line out
   margin-left: 592px;    //add this line
   width: 200px;          //existing
   padding-left: 30px;    //existing
   margin-top: 50px;      //existing
}

【讨论】：

不幸的是，这适用于日历页面，但由于页脚现在位于页面中间，它弄乱了所有其他页面。还有其他建议吗？
您或多或少地破坏了元素的定位（具有巨大的边距）......这将在您继续进行时导致许多问题，特别是如果您尝试使网站响应式行为。 .. 我会研究另一种解决方法，看看我能想出什么。
查看上面的Quick and Dirty 编辑 - 检查以确保它们不会对您的其他页面产生不利影响。如果是这样，则将样式仅应用于该特定页面上的这些容器，并使用修改后的类 [i.e. .ai1ec-container-calendarMod {...}] （除了常规的 - 但如果你走那条路线，不要忘记将浮动更改为无/清除并将绝对位置更改为相对）
非常感谢所有的帮助，我快到了，它现在很合适，尽管现在 cmets 重叠了，因为我将容器设为绝对容器。有什么建议么。是的，我知道响应式将成为一个问题，这是我制作的第一个网站，现在我使用引导程序并喜欢它。这最初是一个静态网站，它是免费用于与我的家人有关的慈善机构，因此是我的第一次演出。感谢您提供的一切建议，因为它是绝对的
我把它修好了，没有完全破解它。谢谢伙计们非常感谢它。很抱歉没有放代码混淆了什么代码。

【解决方案2】：

我认为需要在 ai1ec_render_css

中编辑 .ai1ec-dropdown-menu

试试

  vertical-align:top;

还重置顶部：100%；在那个

【讨论】：

我找不到 ai1ec_render_css 它在哪里？谢谢亚伦

【解决方案3】：

全部删除：

margin: -500px

然后，你只需要从这个类中删除 clear:both

#ai1ec-container {
clear: both;
}

【讨论】：

很遗憾没用