VPF::При уменьшении окна браузера форма вылазит за экра

box

Дата 19.4.2008, 21:39 (ссылка)

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

Загрузка ...

Опытный

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

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

Код


#header {
margin: 0 0 0.2em 0;
padding: 1em 1.5em;
height:8em;

background: #343434 url('header.jpg') no-repeat top left ;
border:1px solid ##2D5289;;
}

<div id="header">
<div style="position: relative;width: 100%;">
    <div style="width: 100%;position: absolute;left: 0px;top: 0px;">
    <div style="margin-left: 85%;"><form name="" action="" method="post">
        <table width='200' border='0' cellspacing='0' cellpadding='0' class='3'>
          <tr>
            <td align='center' class='3'>Имя:<br> Пароль:</td>
            <td align='center' class='3'><input style="padding-left:20px" name="Name" type="text" value="" size="15">
              <br> <input style="padding-left:20px" name="Name" type="text" value="" size="15">
              <br> </td>
          </tr>
          <tr>
            <td align='center' class='3'>&nbsp;</td>
            <td align='center' class='3'><input name="submit" type="submit" value="Send" /></td>
          </tr>
          <tr>
            <td align='center' class='3'>&nbsp;</td>
            <td align='center' class='3'><a href="">Регистрация</a>
              <hr width=80 /></td>
          </tr>
          <tr>
            <td align='center' class='3'>&nbsp;</td>
            <td align='center' class='3'><a href="">Забыли пароль?</a> </td>
          </tr>
        </table>
      </form>&nbsp;
</div>
</div>
</div>
</div>

Как - же сделать что-бы невылазило ?

SelenIT

Дата 19.4.2008, 23:04 (ссылка)

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

Загрузка ...

баг форума

Профиль
Группа: Завсегдатай
Сообщений: 3996
Регистрация: 17.10.2006
Где: Pale Blue Dot

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

А зачем в таблице стоит width=200? И вообще, нужна ли таблица? ;)

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

Осторожно! Данный юзер и его посты содержат ДГМО! Противопоказано лицам с предрасположенностью к зонеризму!

box

Дата 19.4.2008, 23:22 (ссылка)

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

Загрузка ...

Опытный

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

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

Вопрос стоит не в таблице , а в позиции относительно основного блока , я - ж говорю что когда уменьшаеш окно браузера то форма вылазит за пределы окна !

bars80080

Дата 21.4.2008, 11:02 (ссылка)

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

Загрузка ...

прапор творюет

Награды: 1

Профиль
Группа: Завсегдатай
Сообщений: 12022
Регистрация: 5.12.2007
Где: Königsberg

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

интересная постановка вопроса, первый раз о такой слышу

так и вижу, уменьшаем размер окна браузера и на рабочий стол вываливается кусок формы

не понятно, на что жалуешься, вот у тебя написано:
<div style="margin-left: 85%;"><form name="" action="" method="post">
слева от формы - поле 85% шириной, естественно при определённых размерах окна, твоя форма окажется за краем

почему было её не позиционировать по правому краю?

Код


<div style="position: relative;width: 100%;">
    <div style="width: 100%;position: absolute;right: 0px;top: 0px;">
    <div style=""><form name="" action="" method="post">

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