VPF::Проблема с height=100% у таблицы - Форум программистов

art5

Дата 21.6.2006, 11:38 (ссылка)

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

Загрузка ...

Новичок

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

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

Столкнулся с такой проблемой. Подскажите пожалуйста!

На страничке имеется две кнопки (в виде картинок) и один object. У object ширина и высота 100%. Кнопки должны распологатся так:
Одна с верху от объекта растянутая на 100% по ширине;
Вторая слева от объекта расстянутая на 100% по высоте.

Чтобы не растягивать картинки на img, у меня каждая кнопка организована в виде таблице, в которой в двух ячейках картинка заполняется через background-image, а в остальных ячейках картинки отображаются просто через <img>.

Когда для верхней таблице я задаю width=100% все нормально. Но для левой, когда задаю height=100%, то в тех двух ячейках картинка не заполняются на всю высоту страницы, а прорисововывается 1 раз.

Верхная кнопка: (пока без onclick)

Код


   <table id=tableTopID cellpadding=0 cellspacing=0 border=0 width=100% style="left: 10px; position: absolute; top: 0px">
        <tr style="width: 100%; height: 8px;">
            <td align=left valign=top style="width: 2px; height: 8px;"><input type=image src="picts/topsplit_bdrleft.GIF" /></td>
            <td align=left valign=top style="height: 8px;"><input type=image style="background-image: url(picts/topsplit_fill.GIF); width: 100%; background-repeat: repeat-x; height: 8px;" /></td>
            <td align=left valign=top style="width: 9px; height: 8px;"><input type=image src="picts/topsplit_open.GIF" /></td>
            <td align=left valign=top style="height: 8px;"><input type=image style="background-image: url(picts/topsplit_fill.GIF); width: 100%; background-repeat: repeat-x; height: 8px;" /></td>
            <td align=left valign=top style="width: 2px; height: 8px;"><input type=image src="picts/topsplit_bdrright.GIF" /></td>
        </tr>
    </table>

Левая кнопка:

Код


   <table id=tableLeftID height=100% cellpadding=0 cellspacing=0 border=0  style="left: 6px; top: 146px; height: 100%;" >
        <tr valign="top" align="left">
            <td align=left valign=top style="width: 8px; height: 2px;"><input type=image src="picts/leftsplit_bdrleft.GIF" /></td>
        </tr>
        <tr align="left" valign="top">
            <td align=left valign=bottom style="width: 8px; height: 100%"><input type=image style="background-image: url(picts/leftsplit_fill.GIF); height: 100%; background-repeat: repeat-y; width: 8px; background-attachment: fixed;" /></td>
        </tr>
        <tr valign="top" align="left">
            <td align=left valign=top style="width: 8px; height: 9px;"><input type=image src="picts/leftsplit_open.GIF" /></td>
        </tr>
        <tr align="left" valign="top">
            <td align=left valign=bottom style="width: 8px; height: 100%"><input type=image style="background-image: url(picts/leftsplit_fill.GIF); height: 100%; background-repeat: repeat-y; width: 8px; background-attachment: fixed;" /></td>
        </tr>
        <tr valign="top" align="left">
            <td align=left valign=top style="width: 8px; height: 2px;"><input type=image src="picts/leftsplit_bdrright.GIF" /></td>
        </tr>
    </table>

Т.е. по сути, нужно что бы эти две кнопки всегда были растянуты на всю видимую область страницы. Или хотя бы чтобы ширина у верхней таблицы(кнопки) всегда равнялась ширине объекта, и соответвенно длина у левой таблицы(кнопки) всегда равнялась длине объекта.

Если у кого есть идеи, очень прошу помочь.

art5

Дата 21.6.2006, 21:19 (ссылка)

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

Загрузка ...

Новичок

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

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

Вопрос уже решился! smile

Убрал DOCTYPE и все заработало!

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