Chrome中的nyroModal对话框:如何摆脱滚动条或明确设置大小?

Chrome中的nyroModal对话框:如何摆脱滚动条或明确设置大小?

问题描述:

我似乎在Chrome中出现了意想不到的行为模式对话框,我可以使用你的帮助。对话框是一个隐藏的div,由两个较小的div组成,一个向左浮动,另一个向右浮动。Chrome中的nyroModal对话框:如何摆脱滚动条或明确设置大小?

我使用nyroModal作为我的对话框,并尝试了不同的解决方法来隐藏滚动条,例如使用overflow:hidden,或者尝试手动设置对话框的大小(虽然我觉得很难自定义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喝了一杯柠檬水。它是一个错误,一个功能(?),或者我想念的东西?有任何想法吗? 谢谢你的时间。

编辑:由于链接腐烂我删除了图片链接。

+0

我想''class =“clear”/>'的第一个实例是罪魁祸首,或浮动div太宽了一个或两个像素,以并排。 – 2011-05-24 00:43:48

+0

hm,可能有一个最大宽度,我不能覆盖我的模态...找到一个解决方法,虽然。围绕pt1&pt2的更多div,以及宽度,边距和填充的大量试验和错误...... – Mpampirina 2011-05-24 18:49:44

我不能看到你的图片,因为链接被破坏,但我会假设我知道他们会是什么样子。我不知道你是否已经解决了你的问题,但你的第一个例子的问题是你的清除需要在浮动元素之外。

因此,它应该是这样的:

<div> 
    <div style="float: left"> 
     Stuff 
    </div> 

    <div style="float: right"> 
     Stuff 
    </div> 

    <br class="clear"> 
</div> 

不过,我来到这个线程,因为一个nyroModal上浆问题一样,所以我不知道,如果它要与纳米正常工作。

+0

嗨!那么,我不记得'清楚'在哪里,说实话,我没有访问该代码或图片了,所以我删除了它们。另外我不记得我是如何解决它的....:/但可能,我做了你所说的。 – Mpampirina 2012-05-19 11:23:56