Господа, столкнулся с проблемой в FireFox 2.0.0.6
div внутри div`a. У внешнего div`a задан отступ сверху и у внутренеего задан отступ сверху.
если у внешнего не включён border, то у внутреннего не работает отступ!? Это глюки FF или нормально, как вылечить? спасибо.
Пример DIV`a (ссылку сделать не могу - нет 10 сообщений)
[Только зарегистрированные пользователи могут видеть ссылки. ]
или тут листинг файла
Код:
<html><head></head><body bgcolor="#FFFFFF">
<style type="text/css">
.outside1 {
****margin-top:100px;
* *border: 1px solid #0000a8;
* *background: #8430df;
* *width:102px;
* *height:500px;
}
.inside1 {
****margin-top:50px;
* *background: #8dd006;
* *width:102px;
* *height:300px;
}
.outside2 {
****margin-top:100px;
* *border: 0px solid #0000a8;
* *background: #8430df;
* *width:102px;
* *height:500px;
}
.inside2 {
****margin-top:50px;
* *background: #8dd006;
* *width:102px;
* *height:300px;
}
</style>
<table width="500" border="1" cellspacing="0" cellpadding="4">
<tr>
<td>
****<div class="outside1">
*
****</div>
</td>
<td>
****<div class="outside2">
*
****</div>
</td>
</tr>
<tr>
<td>
2 одинаковыйх дива:
- у внешнего (фиолетовый) margin-top + <font color="#FF0000">border=1</font>
- у внутреннего (зеленый) margin-top
</td>
<td>
2 одинаковыйх дива:
- у внешнего (фиолетовый) margin-top + <font color="#FF0000">border=0 </font>
- у внутреннего (зеленый) margin-top
</td>
</tr>
<tr>
<td>
CSS
<pre>
.outside1 {
margin-top:100px;
<font color="#FF0000">border:1px solid #0000a8;</font>
background: #8430df;
width:102px;
height:500px;
}
.inside1 {
margin-top:50px;
background: #8dd006;
width:102px;
height:300px;
}
</pre>
</td>
<td>
CSS
<pre>
.outside2 {
margin-top:100px;
<font color="#FF0000">border: 0px solid #0000a8;</font>
background: #8430df;
width:102px;
height:500px;
}
.inside2 {
margin-top:50px;
background: #8dd006;
width:102px;
height:300px;
}
</pre> </td></tr></table></body></html>