1

(9 відповідей, залишених у HTML та CSS)

Щиро дякую, друзі, за надіслані відповіді!

Я ще працюю над розв*язком питання і ділюся із вами станом речей на сьогодні.

http://htmlbook.ru/blog/4-metoda-sozdan … voy-vysoty:
із цього матеріалу зрозуміла, що в CSS, якщо хочеш 2-3 div-и робити з border-radius однакової висоти, яка залежить від кількості тексту, є річ неможлива.
Можна ще в різних рядках таблиці через клас задати приблизну висоту, що відповідає "найвищому" тексту. Досконалішим є код JavaScript, в якому треба прописати, що  висота кожної ячейки є рівною висоті (х, вона має вичислитися) найбільшої з них (що в таблиці є очевидним, але для браузера  Firefox - ні).
Бо якщо є задана висота  <td>, н (td     {height:250px;       
    }), то працює і в  Firefox-і, але проблема, що та висота у кожному рядку таблиці <tr> є різною і рядків багато.

overflow hidden для батьківського елементу не допомагає.


Повторюю, код працює чудово у Хромі, недосконало - в ЕІ, тобто
td     {height:1px;  /*текст розтягує <td> потім*/     
    }
.inner { height: 100%;
border-radius:25рх;   /*дів заповнює всю висоту комірки*/. 
    }
Але не в  Firefox-і.

2

(9 відповідей, залишених у HTML та CSS)

мене висота, height, цікавить. Дякую за відповідь.

3

(9 відповідей, залишених у HTML та CSS)

Порадьте, будь-ласка, як вирівняти по довжині 2 діви (їх background) з різною кількістю тексту в 2-х різних ячейках 1 рядка таблиці.
Цей код працює чудово у Хромі, недосконало - в ЕІ. Але Firefox вимагає задати конкретну висоту ячейки, а вона невідома через різну кількість тексту. Ось код:

<table>
    <tr>
       <td id="j1"> <div class="inner"> Текст 4 рядки  </div>
       </td>
       <td id="j2"><div class="inner">    Текст 10 рядків    </div>
     
       </td>     
    </tr>
    <tr>
       <td id="j1">    <div class="inner">    Текст 16 рядків </div>
       </td>
       <td id="j2"><div class="inner">    Текст 26 рядків </div>   
       </td>             
    </tr>
    <tr>
       <td id="j1"><div class="inner">        Текст 45 рядків </div>
       </td>
       <td id="j2"><div class="inner">        Текст 5 рядків     </div>
       </td>                               
    </tr>     <!-- і так далі... -->     
    </table>

td     {height:1px;       
    }
.inner { height: 100%;   
    }

4

(0 відповідей, залишених у HTML та CSS)

Порадьте, будь-ласка, як вирівняти по довжині 2 діви (їх background) з різною кількістю тексту в 2-х різних ячейках 1 рядка таблиці.
Цей код працює чудово у Хромі, недосконало - в ЕІ. Але Firefox вимагає задати конкретну висоту ячейки, а вона невідома через різну кількість тексту. Ось код:

<table>
    <tr>
       <td id="j1"> <div class="inner"> Текст 4 рядки  </div>
       </td>
       <td id="j2"><div class="inner">    Текст 10 рядків    </div>
     
       </td>     
    </tr>
    <tr>
       <td id="j1">    <div class="inner">    Текст 16 рядків </div>
       </td>
       <td id="j2"><div class="inner">    Текст 26 рядків </div>   
       </td>             
    </tr>
    <tr>
       <td id="j1"><div class="inner">        Текст 45 рядків </div>
       </td>
       <td id="j2"><div class="inner">        Текст 5 рядків     </div>
       </td>                               
    </tr>     <!-- і так далі... -->     
    </table>

td     {height:1px;       
    }
.inner { height: 100%;   
    }