larafyll

Оу, и вправду. Спасибо

Абсолютно верно. В рассматриваемой ячейке не может быть больше 1-й строки текста, но высота ячейки зависит от соседней.

Как уже было сказано, высота резиновая (зависит от ячейки справа).

По одному слову, 1 строка.

Если вам удобно - подставьте <div> вместо <td>, а вопрос остается прежним

Один из первых опробованных вариантов. <td style = "vertical-align: middle"> Первое слово <span style = "float: right; font-size: 8px">Второе слово</span> </td> Второе слово не выравнивается по середине высоты. Центрирование такое из-за дизайна. Высота резиновая.

Есть ячейка таблицы. В ней - 2 слова: 1-е: Должно быть выровнено по левой стороне и по середине высоты 2-е: Поверх первого, по правой стороне, по середине высоты. Меньшего шрифта. Я уже час пытаюсь найти решение. Лучшее из того, что у меня получилось выглядит следующим образом: <td> <div style = "position: absolute"> Первое слово </div> <div style = "text-align: right"> <!-- Невидимый блок - для того, чтобы ячейка была необходимой высоты --> <span style="visibility: hidden"> a </span> <span style = "font-size: 8px">Второе слово</span> </div> </td> По идее осталось выровнять последний <span> по вертикали относительно его родителя. Но для этого родителю надо дописать vertical-align: middle и display: table-cell, из-за которого слетит его выравнивание по правой стороне Есть идеи? P.S. кроссбраузерность не интересует, требуется решение под Google Chrome

На практике на 3 высота делится не в процентах, а в пикселях - поэтому в каждом третьем случае равные доли получаться При решении через table-layout: fixed видно, что доли не всегда равны - к примеру: 10 разделится на 3, 3 и 4; 11 разделится на 3, 4 и 4. Вариант с дробным width частично решает проблему, но оставляет за собой неприятный оттенок решения задачи через.. очень непрямой путь. Наверное из-за того, что не будет работать с офигенно огромными значениями, каким бы незначительным не был этот факт. В принципе я ищу красивое решение данной задачи. Хотя, как я понял, его попросту не существует.. Думаю, на этом тему можно закрывать. Всем спасибо.

Я так понял рабочего решения для стопроцентной ширины без таблиц и js не существует.. Хорошо, а как насчет высоты? 100% высоты родительского элемента.

Вопрос #1: Необходимо нарисовать 3 резиновыe колонки одинаковой ширины, которые в сумме занимают 100% ширины. Существует решение через css-свойство table-layout, значением которого ставится fixed, однако оно не работает для элементов с display: table. Существует ли способ, без использования таблиц и javasсript'а , реализовать это иначе? Вариант с "width: 33%" не предлагать, так как он не занимает 100% ширины. Вопрос #2: По аналогии с предыдущим вопросом, нарисовать 3 резиновые строчки с одинаковой высотой, которые в сумме займут 100% высоты.