Я использую caption
для table
, который включает элементы дочерней таблицы. В элементе заголовка у меня есть div
вкл. две ссылки, которые должны быть на правом краю самой верхней таблицы.
Но как только я определяю display: block;
помимо position: relative;
в заголовке, его размер уменьшается до ширины первой ячейки дочерней таблицы.
См. http://jsfiddle.net/Volker_E/zjFmv/.
Важные селекторы CSS:
table {
width: 100%;
margin-bottom: 1.8rem;
border-collapse: collapse;
border-spacing: 0;
}
caption {
background: none repeat scroll 0 0 #F5F5F5;
text-align: left;
padding: 1rem 1.4rem;
overflow: hidden;
}
/* Variations */
.caption-01 {
position: relative;
}
.caption-02 {
display: block;
position: relative;
}
.caption-03 {
display: table-header-group;
}
caption div {
position: absolute;
right: 0;
text-align: right;
top: 10px;
width: 50%;
white-space: nowrap;
}
Есть ли способ, чтобы div находился на правом краю заголовка при полной ширине основной таблицы в моей конструкции?
Заранее спасибо.
display:block
- person Mark   schedule 09.06.2013position: relative;
кнопки с абсолютным позиционированием не отображаются в заголовке. - person Volker E.   schedule 09.06.2013table { position: relative; }
. Тогда это работает. Отображение титров мне кажется неправильным. Обновлен jsfiddle.net/Volker_E/zjFmv/5. - person Volker E.   schedule 09.06.2013