Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате
Форум программистов > JavaScript: Общие вопросы > Сжимается ячейка


Автор: Itsys 15.5.2008, 22:53
Доброго времени суток,

Есть код:
Код

<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<meta http-equiv="Content-Language" content="ru">
<title>Новая страница 1</title>
<style type="text/css">
p {
margin-top: 0;
margin-bottom: 10px;
}
</style>
</head>

<body>

<table border="1" width="100%" cellspacing="0" cellpadding="0">
    <tr>
        <td align="center" valign="top" colspan="2"><p><b>Отправка заказа. Шаг 1 из 4.</b></p></td>
    </tr>
    <tr>
        <td align="center" valign="top" colspan="2"><p><b>Идентификация</b></p></td>
    </tr>
    <tr>
        <td align="left" valign="top" style="width: 50%; padding-left:10; padding-right:10">
            <p><b>Если вы уже зарегистрированы (уже делали у нас заказ):</b></p>
            <form style="margin: 0">
            <p>Если Вы помните свой логин (обычно совпадает с E-mail) и пароль, то введите их в соответствующие поля:</p>
            <p>Логин*:<br>
            <input type="text" alt="Логин" name="Login" tabindex="1" style="width: 100%"></p>
            <p>Пароль*:<br>
            <input type="text" alt="Пароль" name="Password" tabindex="2" style="width: 100%"></p>
            <p align="right"><input type="submit" alt="Продолжить оформление заказа" tabindex="3" value="Продолжить оформление" style="margin: 0"></p>
            </form>
            <hr>
            <form style="margin: 0">
            <p>Если Вы не помните свой логин и/или пароль, то введите свой E-mail, и мы вышлем на него регистрационную информацию:</p>
            <p>E-mail адрес*:<br>
            <input type="text" alt="E-mail" name="Email" tabindex="1" style="width: 100%"></p>
            <p align="right"><input type="submit" alt="Напомнить логин и пароль" tabindex="3" value="Напомнить логин и пароль" style="margin: 0"></p>
            </form>
        </td>
        <td align="left" valign="top" style="width: 50%; padding-left:10; padding-right:10" id="FE">
            <p><b>Если вы новый пользователь:</b></p>
            <form style="margin: 0">
            <p>Введите информацию для регистрации физического лица:</p>
            <p>Фамилия*:<br>
            <input type="text" alt="Фамилия" name="SecondName" tabindex="1" style="width: 100%"></p>
            <p>Имя*:<br>
            <input type="text" alt="Имя" name="FirstName" tabindex="2" style="width: 100%"></p>
            <p>Отчество:<br>
            <input type="text" alt="Отчество" name="FirdName" tabindex="3" style="width: 100%"></p>
            <p>Контактный телефон №1 (основной)**:<br>
            <input type="text" alt="Контактный телефон №1" name="Tel1" tabindex="4" style="width: 100%"></p>
            <p>Контактный телефон №2 (дополнительный)**:<br>
            <input type="text" alt="Контактный телефон №2" name="Tel2" tabindex="5" style="width: 100%"></p>
            <p>E-mail (Логин)*:<br>
            <input type="text" alt="Логин" name="Login" tabindex="6" style="width: 100%"></p>
            <p>Пароль*:<br>
            <input type="text" alt="Пароль" name="Password" tabindex="7" style="width: 100%"></p>
            <p>Повтор пароля*:<br>
            <input type="text" alt="Повтор пароля" name="Password2" tabindex="8" style="width: 100%"></p>
            <p align="right"><input type="submit" alt="Продолжить оформление заказа" tabindex="9" value="Продолжить оформление" style="margin: 0"></p>
            </form>
            <hr>
            Для регистрации юридического лица нажмите <a href="#" onclick="document.getElementById('FE').style.display = 'none'; document.getElementById('LE').style.display = 'block'; return false;">здесь</a>
        </td>
        <td align="left" valign="top" style="width: 50%; padding-left:10; padding-right:10; display: none" id="LE">
            <p><b>Если вы новый пользователь:</b></p>
            <form style="margin: 0">
            <p>Введите информацию для регистрации юридического лица:</p>
            <p>Название организации*:<br>
            <input type="text" alt="Название организации" name="Name" tabindex="1" style="width: 100%"></p>
            <p>ИНН/КПП*:<br>
            <input type="text" alt="ИНН и КПП" name="INN" tabindex="2" style="width: 100%"></p>
            <p>Юридический адрес*:<br>
            <input type="text" alt="Юридический адрес" name="LegalAddres" tabindex="3" style="width: 100%"></p>
            <p>Контактное лицо*:<br>
            <input type="text" alt="Контактное лицо" name="Contact" tabindex="4" style="width: 100%"></p>
            <p>Контактный телефон №1 (основной)**:<br>
            <input type="text" alt="Контактный телефон №1" name="Tel1" tabindex="5" style="width: 100%"></p>
            <p>Контактный телефон №2 (дополнительный)**:<br>
            <input type="text" alt="Контактный телефон №2" name="Tel2" tabindex="6" style="width: 100%"></p>
            <p>E-mail (Логин)*:<br>
            <input type="text" alt="Логин" name="Login" tabindex="7" style="width: 100%"></p>
            <p>Пароль*:<br>
            <input type="text" alt="Пароль" name="Password" tabindex="8" style="width: 100%"></p>
            <p>Повтор пароля*:<br>
            <input type="text" alt="Повтор пароля" name="Password2" tabindex="9" style="width: 100%"></p>
            <p align="right"><input type="submit" alt="Продолжить оформление заказа" tabindex="10" value="Продолжить оформление" style="margin: 0"></p>
            </form>
            <hr>
            Для регистрации физического лица нажмите <a href="#" onclick="document.getElementById('LE').style.display = 'none'; document.getElementById('FE').style.display = 'block'; return false;">здесь</a>
        </td>
    </tr>
    <tr>
        <td align="left" valign="top" colspan="2">
        <p>* - Поля обязательные для заполнения</p>
        <p>** - При указании телефона просьба указывать его наиболее подробно (с кодом города). Если Вы находитесь не в России, просьба указать также код страны.</p>
        </td>
    </tr>
</table>

</body>

</html>


После переключения на форму для Юридического лица, правая колонка сжимается 

ЗЫ В IE все ОК.

Автор: ksnk 15.5.2008, 23:06
Возможно потому, что у свойства display бывает кроме "block" еще много значений
Цитата

display: inline | block | list-item | run-in | compact | marker | table |
                     inline-table | table-row-group | table-header-group |
                     table-footer-group | table-row | table-column-group | table-column |
                     table-cell | table-caption | none | inherit

А самое главное значение = пустая строка  smile 

Автор: Itsys 16.5.2008, 00:07
ksnk, +

Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)