Форум PHP программистов > Как сделать рамку, отступив от края?

[ Поиск ] - [ Пользователи ] - [ Календарь ]

Полная Версия: Как сделать рамку, отступив от края?

Владимир55

5.03.2016 - 14:54

Хочется вот эту синюю рамку сделать так, чтобы она шла не по краю, а отступив от каждой стороны внутрь на 10рх. Не получется...

	<div style="text-align:center; background-color: #FC6; width:40%; height:auto; margin:0 auto; margin-top:25%; border: #03C 10px solid;">
    <p> </p>
    <p style="color: #930; font-weight:bolder;">Объявление:</p>
    <p style="margin:10px 0;"> </p>

Zzepish

5.03.2016 - 15:08

Блок в блоке и padding

SerginhoLD

5.03.2016 - 15:10

или
box-sizing: border-box;

_____________
"internet explorer всех правильней отображает страницы" ©

Владимир55

5.03.2016 - 15:21

Цитата (Zzepish @ 5.03.2016 - 11:08)

Блок в блоке и padding

Это я попробовал с самого начала.

Если во вложенном блоке только padding, то вообще никакого результата. Если же добавить и margin, то получается то, что на скриншоте.


	<div style="text-align:center; background-color: #FC6; width:40%; height:auto; margin:0 auto; margin-top:25%;">
    
<div style=" margin:10px; padding:10px; border: #03C 10px solid;">    
    
    <p> </p>
    <p style="color: #930; font-weight:bolder;">Объявление:</p>
    <p style="margin:10px 0;"> </p>
    
</div>    
</div>

Быстрый ответ:

Здесь расположена полная версия этой страницы.