Question

我正在使用OpenCart 1.5.6和YooResponsive主题的版本。

当我在购物车中并选择Estimate Shipping时，我添加了我的状态/ zip并单击按钮，我得到一个太小的弹出框。

右侧和底部均被切断。实时网站上的HTML代码为：

<div id="colorbox" class="" style="padding-bottom: 57px; padding-right: 28px; top: 456px; left: 653px; position: absolute; overflow: hidden; width: 572px; height: 343px;">

如果我使用firebug将width: 572px; height: 343px;更改为width: 600px; height: 400px;，它看起来是正确的，但我似乎无法在代码中的任何位置找到进行这些更改。

这看起来像是硬编码而不是从css文件中引入。

在我的cart.tpl我有以下javascript代码：

 $.colorbox({
               overlayClose: true,
               opacity: 0.5,
               width: '600px',
               height: '400px',
               href: false,
               html: html
            });

此代码似乎设置正确，但为什么它没有以正确的大小显示？

它还会在结帐流程结束时显示的条款和条件链接中执行此操作。我想如果我检查其他弹出框，它也会这样做。

我注意到的一件事是，对于两个弹出框（大小不同），更改的测量值与HTML代码（padding-bottom: 57px; padding-right: 28px;）中的填充完全相同。因此，高度始终为57px，宽度始终为28px。如果我使用firefox更改上面HTML代码中的填充，则无法正确显示它，只有通过更改高度和宽度才会发生任何变化。

非常感谢任何帮助。

Answer 1

没关系，我明白了！我有一个附加到网站的样式表正在改变框大小

代码是：

* {   
   -webkit-box-sizing: border-box;
   -moz-box-sizing:    border-box;
   box-sizing:         border-box;
}

我刚刚将这段代码添加到stylesheet.css中以覆盖它：

#colorbox {   
   -webkit-box-sizing: content-box !important;
   -moz-box-sizing:    content-box !important;
   box-sizing:         content-box !important;
   }

Opencart弹出窗口没有正确调整大小

1 个答案: