Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате
Форум программистов > Вёрстка веб-сайтов > При уменьшении окна браузера форма вылазит за экра


Автор: box 19.4.2008, 21:39
Код

#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
А зачем в таблице стоит width=200? И вообще, http://xhtml.ru/2005/11/28/css-forms/? ;)

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

Автор: bars80080 21.4.2008, 11:02
интересная постановка вопроса, первый раз о такой слышу

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

не понятно, на что жалуешься, вот у тебя написано:
<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">

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