问题标签 [liquid-layout]

所以我尝试使用纯 CSS、从不使用表格换布局的福音，我真的有。但在经历了令人难以置信的痛苦和痛苦之后，我正准备放弃。我愿意付出一些努力在 CSS 中完成一些事情，不要误会我的意思。但是当看起来可以用布局表完成的一些最简单的事情在 CSS 中完全不可能时，我不在乎概念纯度是否真的开始受到打击。

现在，我似乎很生气，而且我很生气；我对自己浪费的时间感到愤怒，我对那些从 QuarkXpress 背景出来的人给我无用的固定宽度设计感到愤怒，我对 CSS 的失败承诺感到愤怒。但我并不是要开始争论。我真的很想知道一个简单问题的答案，这个问题将决定我是再尝试一下纯 CSS 的东西还是把它混为一谈，并在我喜欢的时候使用布局表。因为我不想回到布局表，认为如果实际上不是，这件事是不可能的。

问题是这样的：有没有办法使用纯CSS布局在左边有一个固定宽度的列，在它的右边放置一个数据表，并让数据表整齐地占据其余部分有什么可用空间？也就是说，通过在左侧单元格上设置宽度为 100% 和固定宽度的两单元格布局表可以轻松实现相同的布局？

In HTML, is there a way to make a webpage expand to the user's monitor? Like say I have a 15inch, but someone else has a 24 inch. The webpage would be small on their screen, but would fit on min. How would I make the page expand to 100%, or maybe 95%?

我之前在这个菜单上得到了一些帮助，但现在有不同的要求。

菜单在固定宽度下可以正常工作，但我希望单词仅在顶部菜单类别中换行。我需要能够有 n 个类别并且宽度均匀分布。显然 n 在合理范围内（我不会有 50 个类别），但我需要能够添加更多而不担心达到我的宽度限制。

谢谢你的帮助。

关联：

http://www.seth-duncan.com/Test/TestMenu.html

-赛斯

完全重复

CSS 帮助，使菜单更流畅

菜单在固定宽度下可以正常工作，但我希望单词仅在顶部菜单类别中换行。我需要能够有 n 个类别并且宽度均匀分布。显然 n 在合理范围内（我不会有 50 个类别），但我需要能够添加更多而不担心达到我的宽度限制。

谢谢你的帮助。

关联：

http://www.seth-duncan.com/Test/TestMenu.html

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

但是，在主要内容部分，我有一个重复的图像，有时会在图像的中途切断并且看起来不正确，有没有人对如何在 Photoshop 或 CSS 中解决这个问题有任何想法？

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

这是带有发生情况示例的站点，谢谢：

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

我正在创建一个将用于已经存在的不同 aspx 页面的模式，因此我必须保存页面的 div（将通过 ajax.load 方法加载）需要垂直和水平增长以适应需要不同的弹出页面。我将如何检索将要注入 div 的文档的高度和宽度，以便我可以根据正在加载的 aspx 页面设置高度和宽度的动画以增大和缩小。

谢谢。

-赛斯

场景：您需要在不同的屏幕上展示相同的应用程序 - 假设标准 15''-17'' 便携式 10'' 和移动 4''，可能在不同的分辨率下工作。

问题：您是否尝试采用根据可用空间重新排列的流动布局，或者您是否滚动 N（每个范围一个）单独的 UI 层，针对每个特定支持的分辨率/屏幕尺寸进行优化。

这类问题的行业标准是什么？

提出非常巧妙的布局是否有意义，将屏幕划分为优先区域，当屏幕以一种或另一种方式调整大小时会消失/返回？

我们都知道 iPhone 应用程序（或任何其他掌上设备）不可能与桌面版本完全不同，所以我假设在这种情况下（4 英寸或更少）你被迫滚动不同的 UI，但是否有中间地面（假设在 13'' - 7'' 屏幕之间，后者需要手指作为主要输入）在哪里进行液体布局有意义？

我想创建一个Ruby on Rails布局，它应该是Liquid格式。

基本上我想做的是让用户创建自己的布局并将它们保存在数据库中。

我试图 <%= Liquid::Template.parse(<code from database>).render %>在我的 layout.erb 文件中使用，但我不能使用“yield”命令（因为这是一个布局，我应该有一种渲染页面的方法。）

但是当我使用'layout.liquid'时{{ content_for_layout }}会发现但是，无法从数据库中加载详细信息（我的意思是HTML代码..）

我希望我说清楚了：D）

好吧，我的个人网站有一个基于 CSS 液体 div 的布局。地址是 http://danberinger.com/preview.html

问题是我不希望页脚部分像内联显示一样，因为现在当窗口拉伸超出 intro_container 所需的像素宽度时，它会将页脚 div 移动到它的右侧。我希望这个页脚留在页面底部，而不是在空间允许的情况下向上和向右移动。

谢谢你的尽心帮助。到目前为止我很喜欢这个论坛，非常有帮助。

我希望将 ul 居中在一个 div 中，该 div 是液体布局的左列。为此，我需要设置用于包装 ul 的 div 的宽度。注意：列表项（和内容）是使用 php 从数据库中检索的。

我对您关于如何使用 jquery 执行此操作的建议感兴趣。

考虑以下标记：

使用这个 CSS：

谈到javascript，我不太聪明，但我认为解决方案需要这样的东西：

1. 找到#left-column 的可用内容区域的宽度。
2. 计算出多少 li 适合该宽度（考虑到 #list-wrap 的边距和填充）。
3. 将数字四舍五入到最接近的 200 像素（160 像素宽度 + 2x20 像素边距）？
4. 将宽度应用于#list-wrap。

这是我之前使用过的符合一些入门标准的东西：

在此先感谢您的帮助，

尼尔斯