0

最後に、私はこの小さなサイトを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>

meyersリセットを使用する.cssimで、それとは別に、次のようになります。

#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

このソースからこれを管理する方法に関するヒントはありますか？または、これに対する別のアプローチからやり直す必要がありますか？

4

1 に答える 1

0

FFとChromeは要素をズームしているように見えますが、新しいページサイズに基づいて位置を再計算していません。

フローティングchild1、child1Table、child2のような別のアプローチを使用し、マージンを使用してそれらを必要な場所に配置します。

于 2012-06-04T17:17:36.470 に答える