2012-05-14 6 views
-5

внутри относительного положения DIV I место положение абсолютного DIV с верхней и левой значения, но это не работает в Internet Explorer 7. Пожалуйста, помогитеПозиция абсолютного problen в 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> 
+2

Можете ли вы показать нам свой код? – Sampson

ответ

2

следующие виды работ, как ожидается, в Internet Explorer 7. Убедитесь, что у вас есть действительный доктайп и никаких ошибок в разметке или стайлинга:

<!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> 
+0

Используется ли z-index? – user1292594

+0

@ user1292594 Это может быть; в зависимости от того, какой эффект вы пытаетесь достичь. – Sampson

+0

@ user1292594 Вы должны отредактировать свой вопрос, чтобы включить любые соответствующие образцы кода. – Sampson

Смежные вопросы