-5

上と左の値で位置絶対divを配置しましたが、Internet Explorer 7では機能しません。助けてください

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

<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>
4

1 に答える 1

2

以下は、Internet Explorer 7 で期待どおりに機能します。有効な 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-14T06:08:15.490 に答える