【问题标题】:css fluid layout with Google Map使用 Google Map 的 css 流体布局
【发布时间】:2010-10-17 07:43:01
【问题描述】:

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

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

有人有办法解决这个问题吗?

【问题讨论】:

  • 我是否可以建议 - 如果它仍然存在问题 - 你发布(理想情况下)一个链接到你的问题的演示,或者一些 xhtml/css (以防万一有一个有趣的结论要得出从那里)。如果已解决,我只是请您考虑发布您的解决方案并关闭问题。干杯 =)

标签: google-maps css two-column-layout


【解决方案1】:

看看 Yahoo YUI 网格。

Yahoo YUI grids

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

您还可以选择合并“重置”功能,以便所有浏览器在字体、填充、边距等方面设置为通用布局。

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

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2012-02-27
    • 2012-06-09
    • 1970-01-01
    • 1970-01-01
    • 2012-12-30
    相关资源
    最近更新 更多