1

我最近一直在为一个网站设计一个布局，并且被 CSS 卡住了。我喜欢认为我可以按照简单的教程进行 2 列页脚布局，但我一直被其中一列的内容所困扰。

两栏设计将是左侧流动的谷歌地图和右侧固定宽度的侧边栏。我已经尝试过很多这种布局的例子，但我总是遇到用谷歌地图保持流畅的一面的问题。主要是谷歌地图不喜欢保持流动。我已经尝试了所有我能找到的带有负边距、浮动、绝对定位的 CSS 解决方案（GMaps 真的很讨厌这个），甚至尝试过表格（不寒而栗）。

有没有人有任何想法来处理这个问题？

4

1 回答 1

3

看看 Yahoo YUI 网格。

雅虎 YUI 网格

YUI CSS 框架提供了大量可定制的网格布局。页面宽度从 750 像素、950 像素、974 像素和 100% 不等，并且有提供固定左右列宽的模板 - 所有这些都保证在多个浏览器中正常工作。他们对尺寸的选择也与常见的广告尺寸有关，如果您愿意，可以更轻松地放置广告。Yahoo 上的所有页面都使用这些布局。

您还可以选择合并“重置”功能，以便将所有浏览器设置为关于字体、填充、边距等的通用布局。

对我来说，它使基础网页开发变得更加容易、不那么挑剔！

于 2009-06-26T19:13:17.657 回答