[ Поиск ] - [ Пользователи ] - [ Календарь ]
Полная Версия: div по высоте контента
Rigel
Всем привет!
Не получается растянуть боковые div-ы по высоте для отображения тени.
<DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"
>
<head>
<style>

body, html {
padding: 0;
margin: 0;
width: 100%;
height: 100%;
}
.Content
{
width: 100%;
float: left;
padding: 0;
}

.ContentInner
{
height: 120px;
margin: 0 30px;
background-color: gray;
}

.leftCorner, .rightCorner
{
background-color: #bbb;
width: 30px;
}

.leftCorner
{
float: left;
margin-left: -100%;
}

.rightCorner
{
float: right;
margin-left: -30px;
}
</style>
</head>
<body>
<div
class="Content">
<div
class="ContentInner">
123<br/>
123<br/>
123<br/>
123<br/>
123<br/>
123<br/>
123<br/>
123<br/>
</div>
</div>
<div
class="leftCorner"></div>
<div
class="rightCorner"></div>
</body>
</html>


user posted image
Два боковых серых кубика - это и есть дивы которые не растягиваются по высоте.

Помогите пожалуйста, кто знает.



Спустя 19 минут, 23 секунды (24.11.2011 - 17:03) sebastjan написал(а):
Rigel
Ты юморист. smile.gif
Конечно не потянет блок с тенью, потому что не зависит от него блок которой наполняется.
Что именно ты хочешь?
Блок который тянется по ширене или по высоте или и то и другое?
Этот блок будет вложенный или будет основным для всего документа?
В общем опиши словами что ты хочешь сделать.
Типа вот такой дизайн и я хочу так то так то.
Твой метод использования отрицательного позиционнирования - оно работает, но в дальнейшем потянет за собой ещё больше сложностей в вёрстке.

Спустя 18 минут, 14 секунд (24.11.2011 - 17:21) Rigel написал(а):
sebastjan
Хочу чтобы два серых кубика по бокам растянулись на всю ширину основного дива, который по центру.
Может быть эти 3 блока можно заключить в один общий блок и ему задать какие-то параметры? Вот только какие )

Спустя 5 минут, 16 секунд (24.11.2011 - 17:26) sebastjan написал(а):
Цитата (Rigel @ 24.11.2011 - 14:21)
sebastjan
Хочу чтобы два серых кубика по бокам растянулись на всю ширину основного дива, который по центру.
Может быть эти 3 блока можно заключить в один общий блок и ему задать какие-то параметры? Вот только какие )

Ты наверное имелл ввиду высоту- растянулись.
Когда добавляя контента тянулся блок основной с тенью по краям?
И вт оже время блок основной был бы резиновый по ширене?
Так что ли?

Спустя 1 минута, 47 секунд (24.11.2011 - 17:28) Rigel написал(а):
sebastjan
Тьфу, точно, высоту smile.gif
Ширина блока всегда фиксированная, динамическая только высота, и да, нужно растягивание теней по высоте заполнения центрального блока.

То, что я вчера резиновую ширину спрашивал - это другое было. Теперь новый элемент на сайте smile.gif

Спустя 16 минут, 45 секунд (24.11.2011 - 17:45) sebastjan написал(а):
сейчас залью на хост, посмотришь.
Может всё таки натолкнёт тебя на мысль делать оптимальнеё. smile.gif
резина и заливка по вертикали

Думаю - догодаешься что можно тект вложить в блоковый элемент типа <p> задать фоновый цвет и там же настроить стиль для буковок.
И на будущее ,не усложняй, классика заключается всегда в дижении от простого к сложному.
А у тебя чёрт ногу сломит.

Спустя 2 часа, 9 минут, 53 секунды (24.11.2011 - 19:55) redreem написал(а):

Спустя 5 минут, 30 секунд (24.11.2011 - 20:00) m4a1fox написал(а):

Спустя 8 часов, 50 минут, 23 секунды (25.11.2011 - 04:51) SitnikovArtur написал(а):
Так решена проблема или нет?
Быстрый ответ:

 Графические смайлики |  Показывать подпись
Здесь расположена полная версия этой страницы.
Invision Power Board © 2001-2024 Invision Power Services, Inc.