CSSを助けてください

.pagi_container { 
background-color:#EEE; 
border-bottom:1px solid #CCC; 
border-top:1px solid #CCC; 
height:30px; 
margin:0; 
width:620px; 
position:relative; 
} 
.pagi_container form{ 
position:absolute; 
top:5px; 
right:10px; 
}

HTMLインターネットエクスプローラー7で期待どおり

<div class="pagi_container"> 
<form> 
<b>Select your time zone: </b> 
<select> 
<option value="America/Los_Angeles">United States (GMT-07:00)</option> 
</select> 
</form> 
</div> 
<div class="sort-v3"> 
<ul> 
<li class="first"> <strong>eCard Status</strong> </li> 
</ul> 
</div>

出典

2012-05-14 user1292594

あなたのコードを表示できますか？ – Sampson

次の作品は、あなたが有効なDOCTYPEし、あなたのマークアップやスタイリングに誤りがあることを確認してください：

を

<!DOCTYPE html> 
<html> 
    <head> 
    <title>Absolutely Positioned Elements in IE7</title> 
    <style type="text/css"> 
     .foo { 
     position: relative; 
     width: 100px; height: 100px; 
     background: #f1f1f1; 
     } 
     .bar { 
     position: absolute; 
     width: 30px; height: 30px; 
     top: 5px; left: 5px; 
     background: #CCC; 
     } 
    </style> 
    </head> 
    <body> 
    <div class="foo"> 
     <div class="bar">Bar</div> 
    </div> 
    </body> 
</html>

出典

2012-05-14 06:08:15 Sampson

z-indexは適用できますか？ – user1292594

@ user1292594これは可能です。どのような効果を達成しようとしているかによって異なります。 – Sampson

@ user1292594質問を編集して関連するコードサンプルを含める必要があります。 – Sampson

ポジション位置の相対divの内側のInternet Explorer 7

CSSを助けてください

HTMLインターネットエクスプローラー7で期待どおり

答えて

関連する問題