所有内容的自动调整布局

时间:2010-06-06 13:32:21

标签: html css layout

我需要为cms开发一个非常灵活的布局,以便结构自动调整内容。 基本布局min-with layout用来服从1024px宽,并且它适用于大多数情况,但是当我们谈论cms时,编辑器经常创建内容或从word和内容复制/粘贴它使布局延伸,以便我看起来很漂亮。

这对我来说是一个巨大的挑战,我不知道你是否可以创建一个动态布局,无论内容如何都能表现得很好。

我只能在jquery中考虑帮助解决这个问题,并计算内容大小并尝试将其重置为适当的大小,但这看起来并不是一件非常简单或干净的解决方案。

所以我将这个问题发布给你“听到”,并提出一些很酷的建议,我可以尝试一下。

我相信你们大多数人都面临着类似的挑战。

这是我正在进行的布局 alt text http://img132.imageshack.us/img132/7661/0606y.png

1 个答案:

答案 0 :(得分:1)

我经常遇到的问题是布局,例如你希望两列拉伸到与动态内容相同的大小,但它并不总是有效。这里有一些你可能会发现有用的Javascript:

document.getElementById("sidebar").style.height = document.getElementById("content").offsetHeight + "px";

这假设你的身高是px(它是99%的时间),但它对垂直拉伸列以匹配其他列很有用。