0

我正在尝试按照本指南创建水平布局：http ://www.queness.com/post/356/create-a-vertical-horizo​​ntal-and-diagonal-sliding-content-website-with-jquery现在它混合使用 html、css 和 jquery 来实现平滑滚动。我正在使用该插件，它工作正常，但是，布局到处都是，即使我已经遵循了布局的基本数学。

我的布局有 8 个面板，因此 #mask 容器的宽度是 8 个面板 * 100% = 800%。之后，包含项目内容的容器的宽度为 100% / n 个面板 = 14.5%。然而，正如我刚才所说的那样，布局到处都是可怕的，我认为我没有错过任何指示。我认为这可能是在 css 中完成的 h1 功能区导致布局中断，但我不认为它是因为我已经删除它并且它看起来仍然很糟糕。我对此完全感到困惑，所以我向你们寻求解决这个问题的指导。

有什么想法可以解决这个问题吗？http://sekhu.net/charlie/index.php是我遇到问题的网站。我已经确保 html 是有效的，并且我正在使用记事本作为 html/css。

提前致谢

4

2 回答 2

1

有这么多未封闭的 div 和 p 标签在这里造成了很大的混乱

请看我的小提琴我放了你的基本代码只是为了说清楚。

jsfiddle：http: //jsfiddle.net/ks5r7/5/

jsfiddle 演示：http: //jsfiddle.net/ks5r7/5/embedded/result/

你现在必须找到的所有未封闭的 div 和 p 标签一切都像魅力一样工作。

于 2012-04-21T07:15:29.433 回答
0

看起来您正在更改我们正在查看的页面，所以我将停止故障排除。

我在故障排除时看到的内容：

  • div“#mask”的宽度错误。这是我的浏览器宽度 X 3，而不是浏览器宽度 X 8。现在我无法重新创建它。

  • 我注意到演示网站做了：

    $('#wrapper').scrollTo($(this).attr('href'), 800);

并且您正在复制相同的代码。我想知道，因为演示站点使用的 DIV 是您站点宽度的一半，也许您可​​以将其更改为：

    $('#wrapper').scrollTo($(this).attr('href'), 1600);

这些是我最初的印象，但由于网站在我研究时发生了变化，我将在这里停下来。

于 2012-04-21T05:19:11.710 回答