CODE:<div style="position:absolute;left:30px;width:31%; height:500px; border: solid 1px">
<div style="position:relative; width:100%; padding:3%; background-color:#FF00FF">
000
</div>
</div>
Опера и IE - всё отлично. Мозила показывает фигню.
Скрин:
SviMik
Mozilla посчитала padding'и не так, так что ширина получилась равной 106%. Я бы посоветовал отказаться от padding'ов и задать вместо них margin'ы для вложенного элемента (например, <p>).
SviMik
Мозила (FF) принудительно использует спецификацию 4,01, а там паддинг прибавляется к ширине... кстати Opera 9 скорее всего будет делать тоже самое... По тому и желательно использовать спецификацию, иначе будет много гемороя с оптимизацией под все браузеры...
Спецификацию не успел прописать, думал сначала наброски сделаю, потом напишу.
Сделал проще: width:94%; padding:3%;
Что Мозиле не понравилось в этом коде?
ЗЫ. Спецификация стоит.
CODE:<div style="position:relative; width:99%; height:2px; margin-top:10px; margin-bottom:10px; background-color:#007740;overflow:hidden"></div>
<div style="position:relative; width:99%;background-color:#a07740">
<div style="position:relative; float:left; width:15%; margin-left:1%; background-color:#007740">jj</div>
<div style="position:relative; float:left; width:75%; margin-left:2%; text-align:left; background-color:#00FF00">jj</div>
</div>
<div style="position:relative; width:99%; height:2px; margin-top:10px; margin-bottom:10px; background-color:#007740;overflow:hidden"></div>
SviMik
Тоже самое что и Опере... float:left объекты не растягивают блок...
CODE:<div style="height:100%;padding:0 0 100px 0">
<div style="width:99%; height:2px; margin:10px 0; background-color:#007740;overflow:hidden"></div>
<div style="width:99%;background-color:#a07740">
<div style="float:left; display:block; width:15%; margin:0 2% 0 1%; background-color:#007740">jj</div>
<div style="width:75%;text-align:left; display:block; float:left; background-color:#00FF00">jj</div>
<div style="display:block; height:1px; overflow:hidden; clear:both; margin-top:-1px"></div>
</div>
<div style="width:99%; height:2px; margin:10px 0;background-color:#007740;overflow:hidden"></div>
</div>
Ray Wen пишет:Тоже самое что и Опере...
А Опера 7.23 ведёт себя также как и IE...
А как зделать чтобы тут блок растягивался?
CODE:<div style="position:absolute; top:190px;text-align:left; width:30%;height:100%;padding:1px;border: solid 5px #FF0000">
<div style="position:absolute; left:30%; width:30%; padding:3%; padding-bottom:0px; padding-top:0px; float:left; background-color:#FF00FF">текст<BR>текст</div>
<div style="position:absolute; left:40%; width:10%; height:15px; padding:3%; padding-bottom:0px; padding-top:0px; float:left; background-color:#FF0000"></div>
</div>
SviMik
Никак, ты суешь блок с абсолютным позиционированием...