Question

最后，我设法使这个小网站在ff / ie / chrome

中看起来可以接受

- 但是当我放大/缩小ff / chrome时，位置会发生变化，即它没有。

我的代码：

<div id="parent">
  <b>Favor Emitir Cheques, Depostiso o Tramsferencias <br />
  a Nombre de "xxxxxxx xxxxxxxxxx, C.A." <br />
  en xxxxxxxx xxxx, CTA CTE, No. xxxx-xxxx-xx-xxxxxxxxxx</b>
  <div id="child1">
    BASE IMPONIBLE BS.
    <table border="1" cellspacing="0">
        <tr>
            <td>I.V.A. <input id="iva" type="text" name="iva" size="5" value="{{iva}}"/> % B.s.</td>
        </tr>
    </table>
    IMPORTE TOTAL Bs.
    <table id="child1Table">
      ...Text Display...
    </table>
  </div>
<div id="child2">
  ...
</div>

在.css im上使用meyers重置，除了以下内容：

#parent    {
font-size:80%;
width: 100%;

position:relative;
top:0%;
} 

#child1
{
position:absolute;
left:35%;
top:0%;
}

#child1Table    {
position:absolute;
left:120%;
top:0%;
}

#child2
{
position:absolute;
top:150%;
left:0%;
}

链接显示IE7 FF和Chrome图片正常和缩放（对不起奇怪的图片发布）：https://docs.google.com/drawings/d/1tKIAkGs4kXbTEUW95mPu7Q5OMe3uEzJSbXetLAbDdJo/edit

有关如何从此来源管理此问题的任何提示？或者应该从不同的方法开始呢？

Answer 1

看起来FF和Chrome正在缩放元素，但不会根据新的页面大小重新计算位置。

我会使用不同的方法，例如浮动child1，child1Table和child2，并使用边距将它们分隔到需要的位置。

跨浏览器定位的问题zoom - div和table（？）

1 个答案: