| |
|
|
| | Всем привет! Такой вопрос у меня. На листе должен отображаться рисунок на фоне. Я ставлю отступы от границ 0. Для верха работает (рисунок полностью примыкает к границам окна), а для низа нет. Внизу рисунок не до конца доходит до границы и виден фон.
body {margin-top: 0px; margin-left: 0; margin-right: 0; margin-bottom:
0px; padding-left: 0; padding-right: 0; padding-bottom: 0px;
padding-top: 0;} | |
| |
|
|
| |
|
|
| |
для: Катя.
(17.02.2009 в 15:40)
| | | Напиши вот так точно работает
<body bottommargin="0" leftmargin="0" rightmargin="0" topmargin="0">
|
или так
body {margin: 0 0 0 0; padding: 0 0 0 0;}
|
В принципе у тебя все правильно написано, посмотри может у тебя в низ кода попал какой то знак и он не дает опустится границам. Проверь код. | |
| |
|
|
| |
|
|
| |
для: Катя.
(17.02.2009 в 15:40)
| | |
body {margin-top: 0px; margin-left: 0; margin-right: 0; margin-bottom:
0px; padding-left: 0; padding-right: 0; padding-bottom: 0px;
padding-top: 0;}
|
Полагаете - чем больше буковок, тем умнее вы выглядите?
Всё, что вами выше написано, можно сделать много короче. И с тем же эффектом:
body {margin: 0; padding: 0}
|
Для того, чтобы любой объект полностью вписался в тело документа, необходимо дать и телу документа, и этому объекту одинаковые размеры. Делается (кроссбраузерно) это так:
html, body {margin: 0; padding: 0; width: 100%; height: 100%}
ОБЪЕКТ {width: 100%; height: 100%}
|
И это будет нормально работать для практически любого объекта.
Кроме IMG, например.
Потому что принудительные размеры тегов IMG по обеим координатам приводят к искажению рисунков. | |
| |
|
|
| |
|
|
| |
для: PAT
(17.02.2009 в 16:09)
| | | Спасибо всем за советы. Я как-то и не знала, что можно так - body {margin: 0; padding: 0}.
А вот так не получится - ОБЪЕКТ {width: 100%; height: 100%}, т.к. я указывают только 70% для высоты (но рисунок доходит до нижней границы, есть полоса прокрутки). Кстати, кажется, IE вообще не понимает ширину в %. | |
| |
|
|
