jQuery MiniUI

标题: mini.open同样的代码，不同浏览器的差异 [打印本页]

作者: xiaozan 时间: 2012-10-11 10:01:31 标题: mini.open同样的代码，不同浏览器的差异

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

这里的基本布局是

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

打开的代码是高度和宽度都是 430 300
样式为下图所示
[attach]740[/attach][attach]739[/attach]

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

作者: factory 时间: 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">

作者: xiaozan 时间: 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>

这是我的页头

作者: factory 时间: 2012-10-11 10:27:50

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

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

作者: xiaozan 时间: 2012-10-11 10:34:15

已经发私信

作者: xiaozan 时间: 2012-10-11 10:37:29

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

作者: factory 时间: 2012-10-11 11:10:48

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

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

作者: xiaozan 时间: 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

作者: niko 时间: 2012-10-11 12:31:03

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

欢迎光临 jQuery MiniUI (http://miniui.com/discuss/)