css - Div 布局 - 重复图像帮助

Question

我正试图让我网站的主要内容部分包含在这种笔记本风格的外观中。

但是，在主要内容部分，我有一张重复的图片，有时会在图片中途截断并且看起来不正确，有人知道如何在 Photoshop 或 CSS 中解决这个问题吗？

我必须保持固定宽度的垂直流式布局，但我希望它看起来像一本笔记本，而不是被裁剪掉，看起来很垃圾。

这是发生了什么事的例子的网站，谢谢:

http://www.seth-duncan.com/Test/Notebook/notebook.html

Answer 1

我觉得您的示例 URL 没问题，但我想我知道您在说什么。我认为，您需要做的是强制 notebookContent div 的高度为 Binder 书脊图像高度的下一个倍数。在 jQuery 中，它类似于:

$(document).ready(function() {
    var height = $('#notebookContent').height();
    var offset = height % 24;
    if(offset)
        $('#notebookContent').css('min-height', height + 24 - offset);
});