Probem in css of wrapper div

-1

Я новичок в таблице меньше макета, недавно разработанном веб-сайте в макете стола. Теперь преобразование табличного макета в таблицу меньше layout.I использую фоновое изображение для веб-сайта. У меня проблема с оболочкой div, я предоставляю оболочке div цвет фона и тень, но он не применяется. Направь меня, где я неправильноProbem in css of wrapper div

HTML:

<body> 
<div id="wrapper"> 

</div> 
</body>

CSS:

body 
{ 
background-image:url(../images/site-bg-5.jpg); 
} 

#wrapper { 
width: 950px; 
height:1500px; 
margin: 0 auto; 
background-color: #FFF; 
box-shadow: 0 0 10px #000; 
border: 1px solid #000; 
}

Я имею проблему обертка ДИВ имеет падающую тень и границы, но она имеет определенную высоту. Я хочу тень & высота границы для автоматической регулировки высоты обертки div. Покажите рабочую скрипту правильный способ сделать это.

источник

2015-01-03 muhammad rizwan

так что вам нужно, чтобы показать завернутую div для отображения фона тела –

на вашем css "# wrapper" удалите пробел между # и оберткой – Arvs

Между «#» и словом «обертка» есть пробел. Удалите его, и он должен работать.

Это должно быть окончательным CSS:

body{ 
    background-image:url(../images/site-bg-5.jpg); 
} 

#wrapper { 
    width:950px; 
    margin:0 auto; 
    background-color:#FFF; 
    box-shadow: 0 0 10px #000; 
    border:1px solid #000; 
}

источник

2015-01-03 06:53:48 Rupert

#wrapper правильно

body { 
 
    background-image: url(../images/site-bg-5.jpg); 
 
} 
 
#wrapper { 
 
    width: 950px; 
 
    margin: 0 auto; 
 
    background-color: #FFF; 
 
    box-shadow: 0 0 10px #000; 
 
    border: 1px solid #000; 
 
}

<body> 
 
    <div id="wrapper"> 
 
df 
 
    </div> 
 
</body>

источник

2015-01-03 06:55:01

Я обращаюсь к вам в jsfid DLE. У меня возникла проблема с тем, что оболочка div дает тень и граничит с заголовком, меню и слайд-шоу div. не давая полную обертку div height. Где-то я делаю ошибку. plz point it [demo] (http://jsfiddle.net/rizwan1969/4g34eosv/) –

, пожалуйста, направляйте меня после указания моей ошибки –

образец работает! –

попробовать этот CSS

body{background-image:url(../images/site-bg-5.jpg); } 
#wrapper{width:950px;margin:0 auto;background-color:#FFF;box-shadow: 0 0 10px #000;border:1px solid 000;}

источник

2015-01-03 06:55:09

удаления пространства между # и оберткой и он будет работать

добавить height

Здесь работают скрипку: Demo

источник

2015-01-03 06:56:30 Tejas

проблема решена, но я хочу, чтобы тень и граница окна автоматически настраивали размер обертки div. есть ли способ сделать это –

добавить height: auto; и он будет регулироваться в соответствии с размером div. – Tejas

Если это решило вашу проблему, также принимайте ее как принятый ответ или ответ, чтобы улучшить ее. – Tejas

См Демы здесь: See Demo

#wrapper { 
width:950px; 
margin:0 auto; 
background-color:#FFF; 
box-shadow: 0 0 10px #000; 
border:1px solid #000; 
}

источник

2015-01-03 07:10:28

Probem in css of wrapper div

ответ

Смежные вопросы