Внутренний border

Статус
Закрыто для дальнейших ответов.

sakolskiwlad

Active Member
Регистрация
02.01.2010
Сообщения
34
Всем привет!
Можно ли на css реализовать идею блока у которого бордер внутри?
(например если ширина блока 200px, то с бордером будет 200+, а хотелось бы, чтоб ширина блока осталась такой же))
 

Creator

Administrator
Команда форума
Регистрация
03.03.2005
Сообщения
1 745
Нужно указывать ширину с учетом бордюров, т.е. 200px - 2px (бордюр) = 198px. Вот такая арифметика :rolleyes:
Вот только обязательно нужно указать правильный !DOCTYPE. Дабы все браузеры использовали один и тот же алгоритм при расчете ширины.
 

trueW3C

Поклонник Yii
Регистрация
04.03.2009
Сообщения
847
Да не, доктайп не причем...все всегда прибавляли рамку и внутренний отступ(кроме ie6, там отступ "вписывается" в заданные размеры)
 

gor

Well-Known Member
Регистрация
10.04.2009
Сообщения
306
Можно заменить border свойством outline(новые браузеры), ширина рамки не будет добавлятся к ширине блока.
 

sakolskiwlad

Active Member
Регистрация
02.01.2010
Сообщения
34
Всем спасибо за ответы)
Что-нибудь обязательно попробую)
 

maq1

Member
Регистрация
09.02.2010
Сообщения
11
Всем привет!
Можно ли на css реализовать идею блока у которого бордер внутри?
(например если ширина блока 200px, то с бордером будет 200+, а хотелось бы, чтоб ширина блока осталась такой же))
возми просто вставь один блок в другой! внешний будет обведён бордером, внутренний чисто для нужд!
ты же это имел ввиду?

в php
<div id="1"><div id="2"></div></div>

в css
#1{
height:205px;
width:205px;
border: 1px solid #ff000;
}

#2{
height:200px;
width:200px;
}
 
Статус
Закрыто для дальнейших ответов.
Верх Низ