VPF::td не на 100% по высоте - Форум программистов

sh_iv

Дата 19.10.2009, 14:44 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 16
Регистрация: 2.3.2007

Репутация: нет
Всего: нет

Имеем код:

Код


<table width="100%" height="100%" border=1>
<tr>
    <td width="200" height="100%">
        <table width="100%" height="100%" border=1>
        <tr>
            <td height="100%">
                <table width="100%" height="100%" border=1>
                <tr>
                    <td height="100%">
                        Должна быть на 100% по высоте
                    </td>
                </tr>
                </table>    
            </td>
        </tr>
        </table>        
    </td>
    <td height="100%">    
        <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
        <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
        <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
    </td>
</tr>
</table>

Предположим, такая вложенность таблиц необходима.
Как ни крути, а ячейка, в которой написано "Должна быть на 100% по высоте", должна быть на 100% по высоте. Почему в Опере такого не происходит? В чём я ошибся?

youri

Дата 19.10.2009, 19:56 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 740
Регистрация: 17.4.2004

Репутация: 5
Всего: 16

расскажи для чего тебе это нужно

--------------------

С кем разговаривает Microsoft

sh_iv

Дата 19.10.2009, 20:14 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 16
Регистрация: 2.3.2007

Репутация: нет
Всего: нет

Верстал-верстал, дошло дело до проверки в барузерах. Заметил, что в Опере ошибка вёрстки. Начал её упрощать и разбирать. В итоге упростил до такого состояния. Т.е. до самого простого, где ошибка фиксится. Вот у меня вопрос: это ошибка браузера и мне лучше сверстать иначе, или это ошибка мозга и мне нужно просто её исправить?

smartov

Дата 19.10.2009, 22:36 (ссылка)

(нет голосов)

Загрузка ...

свой собственный

Профиль
Группа: Экс. модератор
Сообщений: 4225
Регистрация: 2.2.2006
Где: NJ

Репутация: 4
Всего: 259

sh_iv, а может лучше дивами? Таблицы как бы прошлый век-с... А сейчас рулят ковровые бомбардировки CSS + DIV's

Код


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" >
<head>
<title>The example</title>
<style type="text/css" media="screen">
body {
    height:100%; /* this is the key! */
    margin: 0;
    padding: 0;
}

#left_container {
    position: absolute;
    left: 0;
    top: 0;
    width: 200px;
    height: 100%; /* works only if parent container is assigned a height value */
    padding: 0;
    color: #333;
    background: #eaeaea;
}

#main_container {
    margin-left: 200px;
    margin-bottom: 20px;
    padding: 0 10px;
    color: #333;
    background: #ffc;
}
</style>
</head>
<body>

<div id="left_container">
    This is left block.<br/> It is 100% height
</div>

<div id="main_container">
    This is main container. <br /> DIV's rule! 
</div>

</body>
</html>

Добавлено через 4 минуты и 59 секунд
А в Опере как только таблица начинает вылезать за 100% начинаются глюки. Уберите вот эти

Код


        <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
        <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
        <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>

и ячейка станет такой, как надо... Тольчко лучше все же подумать о дивах. Хотя, если это чужая верстка, а вам перевёрстывать, то конечно сочувствую.

FortMax

Дата 20.10.2009, 00:22 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 485
Регистрация: 2.10.2006
Где: Россия, г. Бироби джан ЕАО

Репутация: 3
Всего: 5

sh_iv, этот вопрос раз 100 поднимался, нет в спецификациях W3C свойства height для элемента таблицы !!! если нет доктайпа в начале страници то height=100% - работает, если есть, то не растянет на 100% и надо делать по другому smile

--------------------

sh_iv

Дата 20.10.2009, 08:32 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 16
Регистрация: 2.3.2007

Репутация: нет
Всего: нет

smartov,

Цитата

А в Опере как только таблица начинает вылезать за 100% начинаются глюки. Уберите вот эти...

Вот эти и были для примера того, что глючит)) На их месте большой текст. Не имело смысла его писать. Спасибо. Теперь я понял, что это именно глюк.
Вёрстка моя, но на дивы переделывать не хочу)

FortMax,
Удаление

Код


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

ничего не меняет.

smartov

Дата 20.10.2009, 12:01 (ссылка)

(нет голосов)

Загрузка ...

свой собственный

Профиль
Группа: Экс. модератор
Сообщений: 4225
Регистрация: 2.2.2006
Где: NJ

Репутация: 4
Всего: 259

sh_iv,

Цитата(sh_iv @ 20.10.2009, 08:32

)

Вёрстка моя, но на дивы переделывать не хочу)

Лучше день потерять — потом за пять минут долететь (с)

1 Пользователей читают эту тему (1 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| Вёрстка веб-сайтов \| Следующая тема »