我有一个运行 WordPress 的网站。主页的设计有一半看起来是对的,另一半看起来是错的。事实上,它并不总是让我很难理解正在发生的事情并解决问题。我可以通过在 chrome 和 IE 中刷新特定页面来重现该问题,我没有检查其他浏览器。
我正在谈论的页面在这里: http ://boat-hotel.com/index.php/nl/
在主图像下方应该有 3 列文本。附上您发现页面的屏幕截图显示不正确。发生错误的屏幕截图
我有一个运行 WordPress 的网站。主页的设计有一半看起来是对的,另一半看起来是错的。事实上,它并不总是让我很难理解正在发生的事情并解决问题。我可以通过在 chrome 和 IE 中刷新特定页面来重现该问题,我没有检查其他浏览器。
我正在谈论的页面在这里: http ://boat-hotel.com/index.php/nl/
在主图像下方应该有 3 列文本。附上您发现页面的屏幕截图显示不正确。发生错误的屏幕截图
可能您应该clear: both
对 3 列的容器使用样式。没有您提供的 HTML 和 CSS,我只能想到这一点。
id 为“featured”的 div 的高度为 0,因此“controller”和“content-area”div 将自己推到幻灯片后面。尝试在“特色”div 上设置高度。330px
对我来说工作得很好。
我认为它的高度为 0,因为您的幻灯片 div 内部是绝对定位的,这会将它们从页面流中删除,并且不会强制您的“特色”div 的大小。
332px
在你的#feature
d div上设置一个高度。
您看到页面一半时间正确而一半时间错误的原因是脚本加载幻灯片所需的时间。在#featured 上设置高度将在页面中节省适当的空间。