| |
|
|
| | Ещё раз здравствуйте.
Я вот читал, что ширина блоков <div> складывается из разных параметров:
- ширины самого блока
- полей отступа внутренние и внешние
- бордер
Так вот мне интересно, действительно ли это так? Точнее, у меня браузере так, но вот как в других, помимо Mozilla, Opera. Как это в IE старых версиях, или той же Мозилла и Опера тоже старых версиях?
<div style="margin:20px 0 20px 0;padding:10p;width:140px">
Действительно ли этот текст везде будет иметь отступ общий слева и справа в 30px и ширину в 200px или нет?
</div>
|
| |
| |
|
|
| |
|
|
| |
для: Maxam
(15.06.2011 в 11:37)
| | | В самом браузере так и будет, а вот при извлечении ширины блока в JavaScript могут быть сюрпризы. | |
| |
|
|
| |
|
|
| |
для: Maxam
(15.06.2011 в 11:37)
| | | вы невнимательно читали. ширина блока будет 160px
ширина = padding+border+width
ie6 (без доктайпа) ширина = width
http://upload.wikimedia.org/wikipedia/commons/6/64/W3C_and_Internet_Explorer_box_models.svg | |
| |
|
|
| |
|
|
| |
для: AlexSol
(15.06.2011 в 12:47)
| | | А помоему 140, ведь там padding ещё по 10px с каждой стороны добавляет. Разве не так считать надо? Сами же написали padding+border+width.
А если doctype указан? | |
| |
|
|
| |
|
|
| |
для: Maxam
(15.06.2011 в 12:55)
| | | смотря что вы считает.
если вы указали
width:140px;
padding:0 10px;
margin:0 30px;
то получите
отступ 30px <---| блок шириной 160 |---> отступ 30px | |
| |
|
|
| |
|
|
| |
для: AlexSol
(15.06.2011 в 12:47)
| | | Получается, что только ИЕ правильно понимает ширину? | |
| |
|
|
| |
|
|
| |
для: Yuriev
(16.06.2011 в 00:15)
| | | Скорее наоборот, получается :) | |
| |
|
|
| |
|
|
| |
для: Maxam
(16.06.2011 в 00:17)
| | | Почему ж наоборот?
Задавая ширину, например, 100, то и логично ожидать, что она будет 100, а не какой-то неизвестной ширины. | |
| |
|
|
| |
|
|
| |
для: Yuriev
(16.06.2011 в 11:49)
| | | Видимо я привык расчитывать ширину исходя из всех параметров :) | |
| |
|
|
