【问题标题】:Need help with layout (jQuery)在布局方面需要帮助(jQuery)
【发布时间】:2023-03-06 14:05:02
【问题描述】:

alt text http://img705.yfrog.com/img705/1337/layoutxt.jpg

我已经使用 CSS 创建了这个布局,但是它在 IE6 和 7 中存在问题。所以我想帮助使用 jQuery(和仅限 jQuery)重新创建这个布局以获得最大的兼容性。唯一困难的部分是垂直和水平调整大小(浏览器调整大小)的内容区域

编辑添加:我只需要对可调整大小的内容区域使用 jQuery,我不想使用 height:100% hack,它们效果不佳。

非常感谢任何帮助。非常感谢!

【问题讨论】:

标签: jquery html css layout resize


【解决方案1】:

我建议您不要为此使用 jQuery,而是继续在 CSS 中使用(也许您可以发布另一个问题,询问如何为 IE6 和 IE7 修复它)。

使用 jQuery 来获得最大兼容性是一个错误,因为它需要 javascript,并且有些人禁用了 javascript,将完全无法正确查看您的网站。

此外,像谷歌这样的搜索引擎也可能无法抓取您的网站。

最后,javascript 和 jQuery 所做的只是生成 html 标签和 css 属性,所以你会在 IE6 和 IE7 中遇到同样的问题!

【讨论】:

  • Javascript 不是问题。我唯一需要使用 jQuery 的就是可调整大小的内容区域,当然其他一切都是常规的 html/css。
  • 哦,你的问题不清楚。但即使是那部分也最好用 CSS 来完成。只要“Aside” div 具有固定或 % 长度,那么内容区域就会自动调整大小。
【解决方案2】:

为您的布局使用表格。您可以免费调整内容区域的大小 - 无需 hack,无需 javascript,适用于所有浏览器。纯粹主义者会生你(和我)的气,但你的布局会起作用,你的用户会很高兴。

也许当我们广泛采用 html 5 和 css 3 时,我们将能够使用 css 布局很好地做到这一点,但在那之前......

【讨论】:

  • 我知道,但想听听别人的意见! ;)
  • 不要投票给他,这是一个有效的选择!是的,我们都喜欢我们的 div,但不可否认的是,表格在整个浏览器范围内往往更加稳定。
  • @Toji -thanx - 我希望当有人反对这样的建议时,他们会包括一个可行的替代答案。
  • 同意。我认为 SO 甚至会在您投反对票时提示您发表评论,所以奇怪的是更多人不这样做。
【解决方案3】:

HTML 定义了语义。 CSS 定义外观和布局。使用 JS,您可以制作精美的动画和 AJAX 的东西。

一切为了它的目的而使用。除了生成 HTML 和 CSS 之外,JS 也无能为力。

圣诞快乐!

【讨论】:

    【解决方案4】:

    Jquery 对您的问题毫无用处,它是一个用于加速 javascript 编码的 javascript 框架(库)。

    你可以用 css 或表来做,但 jquery 与布局没有任何关系。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 2019-01-25
      • 1970-01-01
      • 1970-01-01
      • 2023-03-15
      • 1970-01-01
      • 1970-01-01
      • 2013-09-25
      相关资源
      最近更新 更多