пятница, 14 октября 2011 г.

Использование position: absolute и отрицательного margin

Полезная опция в CSS - position: absolute;

Она нужна в случае, когда нужно расположить какой-либо элемент  в определенном месте.
Она бывает полезна, например, в случае если вы корректируете сайт, верстку которого делал другой веб-мастер :-) В этом случае, лучше сначала расположить элемент абсолютным позиционированием.
пример CSS кода
#test1 {
position: absolute;
left: 100px;
top:100px;
width: 100px;
height: 100px;
...
}
Затем  на сайт код:

<div id='#test1'>то что хотим вставить</div>

готово!
При фиксированных значениях left и top элемент не будет прыгать при изменении размера окна.


Другая полезная опция CSS - отрицательные отступы.

Например, margin:10px 20px 30px -80px; расположит элемент на 80 пикселей влево.
Отступы идут по часовой стрелке, 10px - top, 20px - right, 30px - bottom, -80px - left.

3 комментария:

  1. Подскажите, пожалуйста, где в коде шаблона поискать отступы для поста (сообщения). Мне нужно увеличить отступы от текста в сообщении слева и справа. Спасибо!

    ОтветитьУдалить
  2. Прошу прощения у меня в блоге не было включено оповещение о комментариях и я вовремя не узнал о Вашем вопросе. Какой именно пост Вы имеете ввиду? в какой блог платформе?

    ОтветитьУдалить
  3. Разобрался кое-как, на блогспоте.

    ОтветитьУдалить