问题描述
|
我似乎在模式对话框中花费了很多时间,却在Chrome中出现了意外行为,对此我可以使用您的帮助。该对话框是一个隐藏的div,由两个较小的div组成,一个向左浮动,一个向右浮动。
我在对话框中使用nyroModal,并尝试了其他变通方法来隐藏滚动条,例如使用溢出:隐藏,或尝试手动设置对话框的大小(尽管由于我的知识有限,我很难自定义nyroModal。 JavaScript)。
div的基本结构如下:
<div id=\"signup\" class=\"nyroModal\">
<div id=\"signup_pt1\" class=\"float_left\" >
<h2>Get your free iGuide account!</h2>
<form name=\"signup_form\" id=\"signup_form\" action=\"post\">
...
...
</form>
<br class=\"clear\" />
</div>
<div id=\"signup_pt2\" class=\"float_right\">
<h3>Why use iGuide?</h3>
...
...
<br class=\"clear\"/><br />
</div>
</div>
这是我尝试为#signup对话框设置手动高度:
$(function() {
$(\'#signup\').nyroModal({
sizes: {
height: 600,width : 900
}
});
});
到目前为止,从图片中您可以看到,Chrome喝了柠檬水。是错误,功能(:?),还是我想念的东西?有任何想法吗?
感谢您的时间。
编辑:由于链接腐烂,我删除了图片链接。
解决方法
由于链接断开,我看不到您的图像,但是我假设我知道它们的外观。我不知道您是否已经解决了问题,但是第一个示例的问题是您的清除
需要在浮动元素之外。 所以它应该看起来像这样:
需要在浮动元素之外。 所以它应该看起来像这样:
<div>
<div style=\"float: left\">
Stuff
</div>
<div style=\"float: right\">
Stuff
</div>
<br class=\"clear\">
</div>
但是,我也是由于nyroModal大小问题而来到此线程的,所以我不知道它是否可以与nm一起正常使用。