Ошибся в вёрстке.

Тема в разделе "HTML, CSS, XML, JavaScript", создана пользователем zuldek, 4 янв 2011.

Наш партнер Genesis Hackspace
  1. zuldek

    zuldek Гость

    Вот не могу понять как правильно сделать. Есть таблица таблица
    Нужно чтобы по мере наполнения контентом растягивались только две белые ячейки (вторая сверху в первом столбце, и сайдбар во втором столбце).

    А у меня получается что растягиваются все ячейки (правильно отображает только Firefox). Как надо переписать код таблицы(или сделать в несоклько таблиц/дивов) чтобы растягивались по высоте только белые ячейки?

    Код (Text):
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="ru">
    <head>
    <title>123</title>
    <meta http-equiv="Content-Type" content="text/html; charset=windows-1251">

    </head>

    <body>
    <table width="500px" border="1">
    <tr>
    <td height="40px" colspan="2"></td>

    </tr>
    <tr>
    <td width="300px" height="30px" bgcolor="#990000">ячейка фиксированной высоты, не тянется</td>
    <td valign="top" rowspan="4"><p>текст, ячейка должна растягиваться по высоте</p>
    <p>текст, должен тянутся.</p>
    <p>текст, должен тянутся.</p>
    <p>текст, должен тянутся.</p>
    <p>текст, должен тянутся.</p>
    <p>текст, должен тянутся.</p>
    <p>текст, должен тянутся.</p>
    <p>текст, должен тянутся.</p>
    <p>текст, должен тянутся.</p>
    <p>текст, должен тянутся.</p>
    <p>текст, должен тянутся.</p>
    <p></p>
    <p>текст, должен тянутся.</p>
    <p>текст, должен тянутся.</p></td>
    </tr>
    <tr>
    <td>ячейка должна рстягиваться по высоте</td>
    </tr>
    <tr>
    <td height="30px" bgcolor="#999999">ячейка не должна тянутся по высоте</td>
    </tr>
    <tr>
    <td height="40px" bgcolor="#336633">ячейка не должны тянутся п овысоте</td>
    </tr>
    </table>
    </body>
    </html>
     
  2. zuldek

    zuldek Гость

    вот как нужно сделать Ошибся в вёрстке.
    последняя попытка результата не дала нужного - вот
    Объясните пожалуйста в чём ошибка
     
  3. 1ive

    1ive Well-Known Member
    Web Team

    Регистрация:
    12 сен 2010
    Сообщения:
    621
    Симпатии:
    0
    Понятно что вам нужно.
    Но (имхо) html не позволяет напрямую реализовывать такие таблицы.
    Тут либо все ячейки фиксированной высоты, либо тянется только нижняя, как ни крути.
     
  4. zuldek

    zuldek Гость

    А как на Js подменять высоту ячейки? я написал
    Код (Text):
    <script>
    function chh()
    {
    var tb = document.getElementById('tb');
    var tb2= document.getElementById('tb2');
    tb.height = tb2.offsetHeight;
    alert(tb2.offsetHeight);

    }
    </script>
    Алертом выводит реальную высоту той ячейки до которой хочу растянуть tb, однако в документе ничего не меняется..

    А на самом деле парадокс полнейший. Единственный правильный браузер FF отлично справляется с указание высоты ячеек и таблиц в 100%, понимая что это означает растянуть по родителю. Остальные нихрена не понимают. Это при том что если то же самое проделывать с шириной ячеек, то есть первую указать фикс, вторую не указывать ширину, а в третьей указать тоже фикс, то все бразуеры прекрасно растянут вторую ячейку чтобы она заняла всё свободно пространство таблицы.
    Почему же с высотой такого нет ?( W3C не понятно чем руководствуются...
     
Загрузка...
Похожие Темы - Ошибся вёрстке
  1. mark3000t
    Ответов:
    1
    Просмотров:
    2.236
  2. eleonore
    Ответов:
    0
    Просмотров:
    1.120
  3. Sor1s
    Ответов:
    0
    Просмотров:
    1.326
  4. GROMILA
    Ответов:
    1
    Просмотров:
    2.881

Поделиться этой страницей