растянуть ячейку по высоте во вложенной таблице. Не работает в опере

AlexeyT57 · February 8, 2010

Есть таблица. В ней две ячейки td. В первой вторая таблица, во второй ячейки контекст, который может изменяться, от этого изменяется высота и первой ячейки.

Во второй таблице две строки. Вторая строка растягивается в зависимости от содержания (там картинка, которая растягивается)

Работает нормально в фф3.5 и ие8. Но в опере картинка первоначального размера (в виде точки)


<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
    <title>test 3 </title>
</head>
<body>
    <form>

    <table >
        <tbody>
            <tr style="height:100%;">
                <td style="height: 100%;">
                    <table style="height: 100%; width: 100%">
                        <tr> 
                        <td>--</td>
                        </tr>
                        <tr style="height: 100%;">
                        <td >
                                <img src="line1.gif" style="border-width: 0px; width: 20px; height: 100%;" />
                            </td>
                        </tr>
                    </table>
                </td>
                <td>
                    +<br >
                    +<br >
                    +<br >
                </td>
            </tr>
        </tbody>
    </table>
    </form>
</body>
</html>

Как надо исправить код, чтобы в опере работало все нормально?

psywalker · February 8, 2010

Назначь высоту всему живому через ЦСС и со строк убери её <tr style="height: 100%;">

AlexeyT57 · February 9, 2010

не выходит.

Если назначить внешней таблице высоту 100%, то растягивает на весь экран.

Если через стили, то или снова растягивает на весь экран, или даже в фф не работает(

AlexeyT57 · February 9, 2010

нашел решение: растянул с помощью фоновой картинки

 <td class="line">
  </td>

где line задал в Css:

.line
{
	background-image: url(line1.gif); 
	background-position: center;
	height: 100%
   }

AlexeyT57 · February 10, 2010

поспешил я

Оказалось, что картинка еще внутри блока div

<td >
   <div style="height: 100%;">
	  <img src="line1.gif" style="border-width: 0px; width: 20px; height: 100%;" />
   </div>
</td>

вопрос остается открытым. Как растянуть картинку?

Sign In

растянуть ячейку по высоте во вложенной таблице. Не работает в опере

Question

AlexeyT57

Link to comment

Share on other sites

4 answers to this question

Recommended Posts

psywalker

Link to comment

Share on other sites

AlexeyT57

Link to comment

Share on other sites

AlexeyT57

Link to comment

Share on other sites

AlexeyT57

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information