Создание div со 100% высотой внутри TD ⇐ Html

[Anonymous]

Я пытаюсь создать веб-сайт, где мне нужен элемент div высотой 100% внутри элемента, а затем какой-либо другой элемент div внутри него, отформатированный определенным образом.

Я пытаюсь использовать следующий код

css

Код: Выделить всё

#main1{
margin: 0 auto;
width:300px;
background: red;
position:absolute;

}

#content1{
top:0;
width: 300px;
height: 250px;
background: gray;
}

#content2{
width: 300px;
height: 250px;
background: yellow;
}

#content3{
width: 300px;
height: 250px;
background: brown;
}

#bottom{
width: 300px;
height: 75px;
position:absolute;
bottom:0;
background: blue;
}

и я сделал это вот так

Код: Выделить всё

/*****Content1****/
/*****Content2****/
/*****Content3****/
/*****Content4****/

Мне нужен элемент div с идентификатором content1 в крайнем верхнем положении и с идентификатором нижнего в крайнем нижнем положении внутри td, чтобы, если высота элемента меняется, он автоматически выравнивался сверху и снизу с полями между внутренними элементами div, а также я хочу, чтобы это было совместимо со всеми браузерами.
Я пробовал, и это работало в IE.

Я пробовал так много кодов, но не удалось найти решение.

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

http://www.spoiledagent.com/about_hanu.html

Спасибо

Подробнее здесь: https://stackoverflow.com/questions/163 ... -inside-td