問題與跨瀏覽器的定位放大 - （？）DIV和表

最後我設法讓這個小網站看在FF/IE /鉻接受問題與跨瀏覽器的定位放大 - （？）DIV和表

- 但是，當我放大/縮小FF /鉻的位置變化而在ie它沒有。

我的代碼：

<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

使用邁爾斯以及復位除了那什麼如下：

#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

任何提示關於如何從這個來源管理這個？或者應該從不同的方法開始呢？

來源

2012-06-04 mraistlin

看起來FF和Chrome正在縮放元素，但沒有根據新頁面大小重新計算位置。

我會使用一種不同的方法，如浮動child1，child1Table和child2，並使用邊距來將它們分隔開來。

來源

2012-06-04 17:17:36 Knyri

工作，非常感謝你！將現在這一點記住，我的第一次嘗試在我的頭上看起來不錯，但是定位比看起來更復雜 – mraistlin

現在'parent'' child1'' child1Table'處於同一級別，並且使用'float：left 'margin：Xpx'和'display：inline;' – mraistlin

問題與跨瀏覽器的定位放大 - （？）DIV和表

回答

相關問題