Большой Воронежский Форум
» Веб-дизайн>Заливка с отступом.
AlexanderSergeev 17:57 10.10.2010
Доброго времени суток. у меня в своствах DIV блока прописана заливка. Нужно,чтобы сам блок,вместе с заливкой, на 10 пкс отступал от левого края. Пробовал по-разному, но всегда отступает только СОДЕРЖИМОЕ блока,а заливка остается от края. ничего, кроме вставки пустого 10-пиксельного блока слева от данного не придумал. как быть? [Ответ]
Definition 18:36 10.10.2010
а паддинг перед дивом не работает? [Ответ]
SeFuS 23:00 10.10.2010
Отступ самого блока margin-left:10px; а паддинг как раз таки отступ содержимого внутри блока. [Ответ]
ExeLab 23:53 10.10.2010
psihOZ, скачай себе замечательный инструмент TopStyle и не мучайся [Ответ]
DRON-ANARCHY 15:56 11.10.2010

Сообщение от Definition:
а паддинг перед дивом не работает?

паддинг - это внутренний отступ. То есть блок зальётся все равно. [Ответ]
AlexanderSergeev 16:34 11.10.2010
скачать я все скачаю, только маржин не пашет, и отступает содержимое.ну никак не получается отступить. <div style='width:10px'></div>
ппц [Ответ]
DRON-ANARCHY 23:58 11.10.2010
Ну как оно может не работать?

Сообщение от :
<body>
<style>
body {
padding: 0;
margin: 0;
background: #ccc;
}

div.out {
background: #ff0000;
height: 300px;
vertical-align: center;
}

div.in {
margin-left: 200px;
height: 300px;
background: green;
}
</style>

<div class="out">
<div class="in">
&nbsp;
</div>
</div>
</body>

А это вообще что такое?

Сообщение от psihOZ:
<div style='width:10px'></div>

Если этот вариант приципиален, так юзай float [Ответ]
Вверх