Как задать тень под бордюром? - Вопросы по CSS

как задать тень под бордюром http://tandem.romnu.com.ua/, к стати есть онлайн сервис http://shpargalkablog.ru/2011/06/css-box-shadow.html мне нужна тень под меню #header , сейчас она стоит
 content {
box-shadow: 0 5px 10px gray inset;
по кругу мне нужно только в верху подменю как правильно решить

Не смог понять вопроса. Покажите сриншотом, что нужно сделать

Не смог понять вопроса. Покажите сриншотом, что нужно сделать

#content {

box-shadow: 0 5px 10px gray inset;

таже тень только сверху а не повсему #content, что бы получилось под меню в #header в место этой #content {

box-shadow: 0 5px 10px gray inset;

Не смог понять вопроса. Покажите сриншотом, что нужно сделать

не получается наружная тень #header почему?только внутренняя box-shadow: 0 5px 10px gray inset;
}, потому что <header>
</header> а не div тогда почему внутри получается тень ?

Вот же у вас наружная тень

не получается наружная тень #header почему?только внутренняя box-shadow: 0 5px 10px gray inset;
}, потому что <header>
</header> а не div тогда почему внутри получается тень ?

да ну она создана путем #content {

box-shadow: 0 5px 10px gray inset;  а нада #header потому что  пи уменьшении экрана на 1/2(как на планшете) получается не красивая тень но всем краям #content

Сперва убираете слово inset. Это внутренняя тень, а не внешняя. Но этого мало. У вас контент просто закрывает тень шапки. Нужно поднять выше. Так:

Сперва убираете слово inset. Это внутренняя тень, а не внешняя. Но этого мало. У вас контент просто закрывает тень шапки. Нужно поднять выше. Так:

Код: css

#header {
    background-color: #00b4f0;
    border-bottom: 10px solid #0186b2;
    box-shadow: 0 5px 10px gray;
    position: relative;
    z-index: 1;
}

а как ты увидел что контент перекрыл ?

#header и header - разные веши: 1  это блок или секция с id="header"; 2 - это секция шапки страницы, не факт, что непосредственно к секции можно применить все стили, как к обычному блоку.

а как ты увидел что контент перекрыл ?

1. не ты, а Вы - давайте будем уважать друг друга.
2. FireBug

1. не ты, а Вы - давайте будем уважать друг друга.
2. FireBug

я имел введу значения #content а не чем УВИДЕЛИ FireBug

Я написал решение, рассказал как оно работает, показал скриншот.

я имел введу значения #content а не чем УВИДЕЛИ FireBug

Ответ тот же. Поясняю: если Вы используете Firefox, в котором отладчик самый лучший, и он у вас обновлен до последней версии, то там при наведении на элемент отладки на странице четко видно границы этого элемента, что куда подлазит, что чем перекрывается. Это вопрос владения инструментом отладки. Отладчик в других браузерах не столь совершенен.

Файрбагом можно было не смотреть. Перекрывало потому, что блочные элементы идут в потоке один под другим.

Файрбагом можно было не смотреть. Перекрывало потому, что блочные элементы идут в потоке один под другим.

Shustry, мне хватило скриншота для понимания, но исходя из уточняющего вопроса тс

а как ты увидел что контент перекрыл ?

ему (или ей, тс) пока без файрбага не обойтись, да и вообще еще учиться и учиться.