-
Господа, столкнулся с проблемой в FireFox 2.0.0.6
div внутри div`a. У внешнего div`a задан отступ сверху и у внутренеего задан отступ сверху.
если у внешнего не включён border, то у внутреннего не работает отступ!? Это глюки FF или нормально, как вылечить? спасибо.
Пример DIV`a (ссылку сделать не могу - нет 10 сообщений)
[Only registered and activated users can see links. Click Here To Register...]
или тут листинг файла
Код:
<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>
-
сталкивался с такой проблемой. кстати это наблюдаться не как баг фф, а как баг ИЕ, потомучто только ИЕ ведет себя иначе.
обычно уходил от margin в сторону psdding)
-
млин, в ie как не странно поведение ожидаемо - есть бордер нет бордера пофигу. достаточно логично. понятно, ничего не сделать
paddind ессно вариант, но с margin я подумал что у меня глюк. спасибо
-
Это не баг FF, а правильное и ожидаемое поведение нормальных браузеров. Называется данный феномен "Вываливание полей дочерних элементов за границы родительских элементов". Почему это так происходит и для чего все это надо можно прочитать в Спецификации CSS или [Only registered and activated users can see links. Click Here To Register...].
