我的Blog我做主^_^

走向一条通往JAVA的不归路...

  BlogJava :: 首页 :: 新随笔 :: 联系 :: 聚合  :: 管理 ::
  64 随笔 :: 68 文章 :: 77 评论 :: 0 Trackbacks
在网吧客户端项目中使用了frame的方式,布局如下:

uploads/200611/15_111251_table.gif

遇到的问题是当main中的内容超过main的指定高度时,会同时出现竖向和横向滚动条,这是一种极不好的用户体验,理想状态应该是只出现竖向滚动条,我尝试了如下解决方法:

1.直接添加body属性<body style="overflow-x:hidden;">,结果是无效;
(分析原因:overflow-x是IE独有的 css 属性,加上DTD的话可能会被忽略,就像定制滚动条颜色的css属性一样)

2.去掉DOCTYPE声明<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">以后,横向滚动条被限制了,目的虽然达到,但是假设采用div+css布局的话,去掉文档声明会引发更多的问题,所以还需要尝试一些其它的方式;

3.在使用iframe的情况下,可以不删除DOCTYPE声明,设置scrolling="yes",<body style="overflow-x:hidden;">也能生效。

以上是我做的一些尝试,知其然而不知其所以然,但是希望能够在工作中解决一些实际问题。

posted on 2007-01-28 17:50 java_蝈蝈 阅读(2094) 评论(2)  编辑  收藏

评论

# re: frame中隐藏横向滚动条[未登录] 2007-06-11 12:54 yuan
xiexie^_^
转载~~  回复  更多评论
  

# re: frame中隐藏横向滚动条 2008-08-27 10:17 Tofeel
设置scrolling="yes"后ff里会出现一条滚动条的  回复  更多评论
  


只有注册用户登录后才能发表评论。


网站导航: