设为首页收藏本站

jQuery MiniUI › 论坛 › MiniUI › 技术交流 › mini.open同样的代码，不同浏览器的差异

发新帖

查看: 3633|回复: 8

上一主题

下一主题

mini.open同样的代码，不同浏览器的差异 [复制链接]

Rank: 4

电梯直达

跳转到指定楼层

楼主

发表于 2012-10-11 10:01:31 |只看该作者 |倒序浏览

mini.open同样的代码，不同浏览器的差异，造成了界面的变形，望解决

这里的基本布局是

<form>
<div class="mini-fit">
         ...
   </div>
</form>

打开的代码是高度和宽度都是 430 300
样式为下图所示

左边是IE 和SAFARI 的样子，有问题，WINDOW的高度已经超过300.且带滚动条，  右边为FF和 GG浏览器的样式，正确，高度为300

附件: 你需要登录才可以下载或查看附件。没有帐号？立即注册

Rank: 8 Rank: 8

沙发

发表于 2012-10-11 10:04:09 |只看该作者

你的页面头部有没有加<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

Rank: 4

板凳

发表于 2012-10-11 10:05:33 |只看该作者

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>

这是我的页头

Rank: 8 Rank: 8

地板

发表于 2012-10-11 10:27:50 |只看该作者

xiaozan 发表于 2012-10-11 10:05
这是我的页头

你将你的弹出框的页的代码贴上来,我看下

Rank: 4

5^#

发表于 2012-10-11 10:34:15 |只看该作者

已经发私信

Rank: 4

6^#

发表于 2012-10-11 10:37:29 |只看该作者

我的感觉是，经过测试，跟WINDOW的高度无关，是MINI-FIT计算的高度实际小于内部元素的高度
（内部元素有PADDING或者MARGIN的样式存在）
造成滚动条出现。

Rank: 8 Rank: 8

7^#

发表于 2012-10-11 11:10:48 |只看该作者

xiaozan 发表于 2012-10-11 10:37
我的感觉是，经过测试，跟WINDOW的高度无关，是MINI-FIT计算的高度实际小于内部元素的高度
（内部元素有PAD ...

你将fit控件去掉试试呢.
一般在一个控件高度固定,另一个需要撑满剩余高度的情况下会用到fit

Rank: 4

8^#

发表于 2012-10-11 11:35:34 |只看该作者

本帖最后由 xiaozan 于 2012-10-11 11:38 编辑

factory 发表于 2012-10-11 11:10
你将fit控件去掉试试呢.
一般在一个控件高度固定,另一个需要撑满剩余高度的情况下会用到fit ...

如果去了FIT确实没有滚动条了。解决了

但是同样的OPEN代码，高度是一样的，但打开的高度缺不一样，

看开始我发的几个图
经过测算，发现IE里面如果高度为300他不加上标题栏的高度，则超过300了

其他浏览器高度包括标题栏，一共是300

Rank: 9 Rank: 9 Rank: 9

9^#

发表于 2012-10-11 12:31:03 |只看该作者

你高度撑满的时候，要注意body的"margin:0;height:100%;overflow:hidden"

发新帖

Archiver|普加软件

GMT+8, 2024-11-26 20:33 , Processed in 1.046129 second(s), 10 queries .

Powered by Discuz! X2

© 2001-2011 Comsenz Inc.

回顶部