Два div в ячейке

12 3
Утка-робот
На сайте с 08.07.2008
Offline
222
1407

Как в одной ячейке таблицы поместить два div`a друг над другом, чтобы один был прикреплен кверху, а другой книзу?

дани мапов
На сайте с 06.09.2012
Offline
204
#1

Можно с помощью еще одной таблицы:


<td>

<table>
<tr>
<td valign="top">
<div>1</div>
</td>
</tr>
<tr>
<td valign="bottom">
<div>2</div>
</td>
</tr>
</table>

</td>
Написание и доработка скриптов (PHP, MySQL, JavaScript, jQuery) (/ru/forum/811046)
Smiritel
На сайте с 25.12.2012
Offline
69
#2

Или так:

<table><tr>

<td class="relat">
<div class="divtop">верх</div><div class="divbot">низ</div>
</td>
</tr></table>

.css-файл:

.relat{position:relative;}

.divtop{position:absolute;top:0px;}
.divbot{position:absolute;bottom:0px;}
Дали мне заказ, чтоб отвез я глаз. А я все сижу, глаз не отвожу.
Утка-робот
На сайте с 08.07.2008
Offline
222
#3

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

дани мапов, в вашем способе надо еще как-то растянуть нижнюю ячейку на 100% по высоте. Что не получается.

DiAksID
На сайте с 02.08.2008
Offline
236
#4
Smiritel:

.relat{position:relative;}
.divtop{position:absolute;top:0px;}
.divbot{position:absolute;bottom:0px;}

ну это как бе мала-мала не ок ;)

дивы для фона ?..

show must go on !!!...
Милованов Ю.С
На сайте с 24.01.2008
Offline
196
#5

Я не верстальщик.

Предполагаю, что нужно для <TD>, где находятся ДИВы задать высоту, либо этим ДИВам задать высоту.

Подпись))
Утка-робот
На сайте с 08.07.2008
Offline
222
#6
Милованов Ю.С:
Я не верстальщик.
Предполагаю, что нужно для <TD>, где находятся ДИВы задать высоту, либо этим ДИВам задать высоту.

Ячейка, содержащая дивы растянута почти на всю высоту страницы. У обоих дивов тоже есть конкретная высота, и она небольшая.

[Удален]
#7
дани мапов:
Можно с помощью еще одной таблицы

прикольно... вспомнился мультик про 38 попугаев... ))

DiAksID
На сайте с 02.08.2008
Offline
236
#8

чётче надо в формулировках ;) дивы прижаты к низу/верху чего: ячейки или окна браузера или страницы сайта ?

если в дизайне просто нужно сверху и снизу по "полоске на ширину таблицы" зачем извращаться с дивами - лучше добавить в таблицу по строке сверху и снизу с одной ячейкой...

Smiritel
На сайте с 25.12.2012
Offline
69
#9
DiAksID:
чётче надо в формулировках ;) дивы прижаты к низу/верху чего: ячейки или окна браузера или страницы сайта ?

Оказывается, я тоже не понял что имелось в виду :)

[Удален]
#10
Smiritel:
я тоже не понял что имелось в виду

всё элементарно:

надобно какую-то фигню из двух строк красяво пристроить в ячейке таблицы

нафига спрашиваеццо придумали span (display:block), class и css... ))

12 3

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий