絶対DIVを相対DIVの外にページするように配置

私は相対divの中に絶対divを持っています。これは本質的に、ページの右上に絶対配置されたコーナーバナーのコンテナです。絶対DIVを相対DIVの外にページするように配置

Chromeではうまく動作しますが、IEではうまく動作しません。 IEでは、絶対に配置されているように見えますが、コンテナ内にあります。可能であれば私が原因このサイトが構築されている方法（CMS上の完全なテンプレート）に、このメソッドをオーバーライドしたいと思います：読書のために、あらゆる入力のための

#corner-banner a { 
position: absolute; 
right: 0; 
top: 0; 
display: block; 
height: 200px; 
width: 200px; 
background: url(../images/down.png) no-repeat; 
text-indent: -999em; 
text-decoration: none; 
} 

#corner-banner a:hover { 
background: url(../images/up.png) no-repeat; 
}

感謝を。

乾杯！

出典

2012-01-10 acseven

私はあなたの言っていることはよく分かりませんが、IEのようにウェブサイトが動作しているように思えます。内側の絶対配置されたdivは、親コンテナの右上にありますか？それはちょうど 'position：relative'とまったく同じです。つまり、子供は絶対に設定され、そのコンテナに相対的で、ページではありません。あなたの説明では、あなたは 'div'sについて話していますが、あなたのcssは' a'をターゲットにしています。 – tw16

こんにちは、返信いただきありがとうございます。タグとdivの関係については、divの唯一の問題は砂の問題でしたが、ロールオーバーのためのタグを使用しました。 – acseven

そして、ieと相対タグの予想される動作について - 私はそれを理解していますが、それはまさに私が回避しようとしていることです。ありがとう！ – acseven

正しい動作です。相対的に配置された要素内の絶対位置は、格納要素に対して絶対的に配置されます。

出典

2012-01-10 01:29:06

親の相対コンテナがdivであり、tdではありませんか？

EDIT

これは、CSSの問題ではなく、悪いHTML組織。したがって、相対的な親座標ではなくウィンドウによって要素を配置する場合は、要素を相対要素の外側に配置する必要があります。そのような

何か：

<body> 
    <div id="corner-banner" class="norelative_element"> 
    <!-- Your content with absolute position by the window !--> 
    <a>...</a> 
    </div> 
    <div class="relative_element"> 
    <!-- Your content with relative position !--> 
    </div> 
</body>

出典

2012-01-10 01:17:02 Valky

はい、それはdivの中にあり、テーブルではありません。 – acseven

私の編集があなたに役立つかどうか教えてください。 – Valky

絶対DIVを相対DIVの外にページするように配置

答えて

関連する問題