Модераторы: Illuminaty
  

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> разбираюсь с div 
V
    Опции темы
Самозванка
Дата 20.12.2007, 15:49 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Девушка в стиле IT
**


Профиль
Группа: Завсегдатай
Сообщений: 484
Регистрация: 5.9.2006
Где: USA

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



Верстаю таблицу, ширина у нее стабильная 1000; если она выравнена по левому краю то div срабатывает как надо. Если делаю центральное выравнивание таблицы, div съезжает. Как зафиксировать div ? Приведу часть кода из одной ячейки...куда вставляеться div

Код

<table width="114" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
...
       <td height="24"><div style="position: absolute; top: 136px; left: 803px; width: 185px; height: 24px; "> 
                    <form name="form1" method="post" action="">
                    <input type="text" name="textfield" style="width: 185px; height: 24px" >
                  </form></div>
    </td>
 ....
  </tr>
</table>

PM MAIL ICQ   Вверх
kizune
Дата 20.12.2007, 16:21 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


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

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



а где div должен располагаться?

пишете,что ширина таблицы 1000,а в коде 114 - какое значение является правильным?

Это сообщение отредактировал(а) kizune - 20.12.2007, 16:24
PM MAIL   Вверх
Самозванка
Дата 20.12.2007, 16:26 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Девушка в стиле IT
**


Профиль
Группа: Завсегдатай
Сообщений: 484
Регистрация: 5.9.2006
Где: USA

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



Приведу полный код страницы:
Код

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title></title>
<META http-equiv=Content-Type content="text/html; charset=windows-1251">
<style type="text/css">
body
{
margin: 0px; 
padding: 0px; 
}
.tablehead { text-align : center; font-size: 10pt; font-weight: bold;  font-family:Verdana; margin:0; letter-spacing: 0pt;} 
</style>
</head>
<body bgcolor="#A80230">
<table width="114" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td height="192"></td>
    <td width="1000" height="192"><table width="1000" border="0" cellspacing="0" cellpadding="0">
        <tr> 
          <td width="4" height="60"></td>
          <td width="201" rowspan="6"><img src="foto/IPRIS_logo-201x192px.gif" width="201" height="192"></td>
          <td width="114" height="60"></td>
          <td width="4" height="60"></td>
          <td height="60" colspan="3"><p class="tablehead"><font color="#cccccc">Офсетная, 
              флексо- </font></p>
            <p class="tablehead"><font color="#cccccc">и трафаретная печать</font></p></td>
          <td width="4" height="60"></td>
          <td width="114" height="60"></td>
          <td width="4" height="60" bgcolor="#FFFFFF"></td>
          <td width="114" height="60"><p class="tablehead"><font color="#cccccc">Цифровая</font></p>
            <p class="tablehead"><font color="#cccccc">печать</font></p></td>
          <td width="4" height="60" bgcolor="#FFFFFF"></td>
          <td width="124" rowspan="3"><img src="foto/Spas_124x124px_rainbow.jpg" width="124" height="124"></td>
          <td width="8" height="60" bgcolor="#FFFFFF"></td>
          <td height="60" colspan="2" rowspan="3" valign="top" bgcolor="#FFFFFF"> 
            <p style="text-align : left; font-size: 10pt; font-weight: bold;  font-family:Verdana; margin:0; letter-spacing: 0pt;">&nbsp;</p>
            <p style="text-align : left; font-size: 10pt; font-weight: bold;  font-family:Verdana; margin:0; letter-spacing: 0pt;"><font color="#999999">Home</font></p>
            <p style="text-align : left; font-size: 10pt; font-weight: bold;  font-family:Verdana; margin:0; letter-spacing: 0pt;">&nbsp;</p>
            <p style="text-align : left; font-size: 10pt; font-weight: bold;  font-family:Verdana; margin:0; letter-spacing: 0pt;"><font color="#999999">Site 
              Map </font></p>
            <p style="text-align : left; font-size: 10pt; font-weight: bold;  font-family:Verdana; margin:0; letter-spacing: 0pt;">&nbsp;</p>
            <p style="text-align : left; font-size: 10pt; font-weight: bold;  font-family:Verdana; margin:0; letter-spacing: 0pt;"><font color="#999999">English</font></p></td>
          <td width="4" height="60"></td>
        </tr>
        <tr> 
          <td width="4" height="4"></td>
          <td width="114" height="4" bgcolor="#FFFFFF"></td>
          <td width="4" height="4" bgcolor="#FFFFFF"></td>
          <td width="114" height="4" bgcolor="#FFFFFF"></td>
          <td width="4" height="4" bgcolor="#FFFFFF"></td>
          <td width="114" height="4" bgcolor="#FFFFFF"></td>
          <td width="4" height="4" bgcolor="#FFFFFF"></td>
          <td width="114" height="4" bgcolor="#FFFFFF"></td>
          <td width="4" height="4" bgcolor="#FFFFFF"></td>
          <td width="114" height="4" bgcolor="#FFFFFF"></td>
          <td width="4" height="4" bgcolor="#FFFFFF"></td>
          <td width="8" height="4" bgcolor="#FFFFFF"></td>
          <td width="4" height="4"></td>
        </tr>
        <tr> 
          <td width="4" height="60"></td>
          <td width="114" height="60"> <div style="position: absolute; top: 78px; left: 205px; width: 114px; height: 60px; "> 
              <p class="tablehead">Допечатное оборудование </p>
            </div>
            <table width="114" border="0" cellspacing="0" cellpadding="0">
              <tr> 
                <td width="38" height="60" bgcolor="#FEEAD2"></td>
                <td width="38" height="60" bgcolor="#E6D5E7"></td>
                <td width="38" height="60" bgcolor="#D5EDFA"></td>
              </tr>
            </table></td>
          <td width="4" height="60" bgcolor="#FFFFFF"></td>
          <td width="114" height="60" bgcolor="#D4DDEF"><p class="tablehead"><font color="#000000">Печатное</font></p>
            <p class="tablehead"><font color="#000000">оборудование</font></p></td>
          <td width="4" height="60" bgcolor="#FFFFFF"></td>
          <td width="114" height="60" bgcolor="#ECF3D9"><p class="tablehead"><font color="#000000">Послепечатное</font></p>
            <p class="tablehead"><font color="#000000">оборудование</font></p></td>
          <td width="4" height="60" bgcolor="#FFFFFF"></td>
          <td width="114" height="60" bgcolor="#E3DCEC"><p class="tablehead"><font color="#000000">Средства 
              контроля</font></p></td>
          <td width="4" height="60" bgcolor="#FFFFFF"></td>
          <td width="114" height="60" bgcolor="#F9D0C4"><p class="tablehead"><font color="#000000">Цифровая</font></p>
            <p class="tablehead"><font color="#000000">печать</font></p>
            <p class="tablehead"><font color="#000000">Оборудование</font></p></td>
          <td width="4" height="60" bgcolor="#FFFFFF"></td>
          <td width="8" height="60" bgcolor="#FFFFFF"></td>
          <td width="4" height="60"></td>
        </tr>
        <tr> 
          <td width="4" height="4"></td>
          <td width="114" height="4" bgcolor="#FFFFFF"></td>
          <td width="4" height="4" bgcolor="#FFFFFF"></td>
          <td width="114" height="4" bgcolor="#FFFFFF"></td>
          <td width="4" height="4" bgcolor="#FFFFFF"></td>
          <td width="114" height="4" bgcolor="#FFFFFF"></td>
          <td width="4" height="4" bgcolor="#FFFFFF"></td>
          <td width="114" height="4" bgcolor="#E3DCEC"></td>
          <td width="4" height="4" bgcolor="#FFFFFF"></td>
          <td width="114" height="4" bgcolor="#FFFFFF"></td>
          <td width="4" height="4" bgcolor="#FFFFFF"></td>
          <td width="124" height="4" bgcolor="#FFFFFF"></td>
          <td width="8" height="4" bgcolor="#FFFFFF"></td>
          <td width="61" height="4" bgcolor="#FFFFFF"></td>
          <td width="8" height="4" bgcolor="#FFFFFF"></td>
          <td width="4" height="4"></td>
        </tr>
        <tr> 
          <td width="4" height="60"></td>
          <td width="114" height="60"> <div style="position: absolute; top: 142px; left: 205px; width: 114px; height: 60px; "> 
              <p class="tablehead">Допечатные материалы </p>
            </div>
            <table width="114" border="0" cellspacing="0" cellpadding="0">
              <tr> 
                <td width="38" height="60" bgcolor="#FEEAD2"></td>
                <td width="38" height="60" bgcolor="#E6D5E7"></td>
                <td width="38" height="60" bgcolor="#D5EDFA"></td>
              </tr>
            </table></td>
          <td width="4" height="60" bgcolor="#FFFFFF"></td>
          <td width="114" height="60" bgcolor="#FFF9C7"><p class="tablehead">Печатные</p>
            <p class="tablehead">материалы</p></td>
          <td width="4" height="60" bgcolor="#FFFFFF"></td>
          <td width="114" height="60" bgcolor="#ECF3D9"><p class="tablehead"><font color="#000000">Послепечатные</font><font color="#000000"> 
              материалы</font></p></td>
          <td width="4" height="60" bgcolor="#FFFFFF"></td>
          <td width="114" height="60" bgcolor="#E3DCEC"></td>
          <td width="4" height="60" bgcolor="#FFFFFF"></td>
          <td width="114" height="60" bgcolor="#F9D0C4"><p  class="tablehead"><font color="#000000">Цифровая</font></p>
            <p  class="tablehead"><font color="#000000">печать</font></p>
            <p  class="tablehead"><font color="#000000">Материалы</font></p></td>
          <td width="4" height="60" bgcolor="#FFFFFF"></td>
          <td height="60" colspan="4" bgcolor="#DCDCDC"><table width="201" height="60" border="0" cellspacing="0" cellpadding="0">
              <tr>
                <td width="8" height="8"></td>
                <td height="8"></td>
                <td width="8" height="8"></td>
              </tr>
              <tr>
                <td width="8" height="24"></td>
                <td height="24"><div style="position: absolute; top: 136px; left: 803px; width: 185px; height: 24px; "> 
                    <form name="form1" method="post" action="">
                    <input type="text" name="textfield" style="width: 185px; height: 24px" >
                  </form></div></td>
                <td width="8" height="24"></td>
              </tr>
              <tr>
                <td width="8" height="28"></td>
                <td><table width="185" border="0" cellspacing="0" cellpadding="0">
                    <tr>
                      <td width="95" height="28">&nbsp;</td>
                      <td width="21" height="28"><img src="foto/Search_gl_gray2-20x20px.gif" width="21" height="21"></td>
                      <td width="8" height="28">&nbsp;</td>
                      <td width="61" height="28"><p  style="text-align : left; font-size: 10pt; font-weight: bold;  font-family:Verdana; margin:0; letter-spacing: 0pt;"><font color="#7F7F7F">Поиск</font></p></td>
                    </tr>
                  </table></td>
                <td width="8"></td>
              </tr>
            </table></td>
          <td width="4" height="60"></td>
        </tr>
        <tr> 
          <td width="4" height="4"></td>
          <td width="114" height="4" bgcolor="#FFFFFF"></td>
          <td width="4" height="4" bgcolor="#FFFFFF"></td>
          <td width="114" height="4" bgcolor="#FFFFFF"></td>
          <td width="4" height="4" bgcolor="#FFFFFF"></td>
          <td width="114" height="4" bgcolor="#FFFFFF"></td>
          <td width="4" height="4" bgcolor="#FFFFFF"></td>
          <td width="114" height="4" bgcolor="#FFFFFF"></td>
          <td width="4" height="4" bgcolor="#FFFFFF"></td>
          <td width="114" height="4" bgcolor="#FFFFFF"></td>
          <td width="4" height="4" bgcolor="#FFFFFF"></td>
          <td width="124" height="4" bgcolor="#FFFFFF"></td>
          <td width="8" height="4" bgcolor="#FFFFFF"></td>
          <td width="61" height="4" bgcolor="#FFFFFF"></td>
          <td width="8" height="4" bgcolor="#FFFFFF"></td>
          <td width="4" height="4"></td>
        </tr>
      </table></td>
    <td height="192"></td>
  </tr>
  <tr>
    <td></td>
    <td width="1000"></td>
    <td></td>
  </tr>
  <tr>
    <td height="180"></td>
    <td width="1000" height="180"></td>
    <td height="180"></td>
  </tr>
</table>
</body>
</html>


Добавлю, что div ползет при изменение экрана на расширение 1284...

ps. Верстаю, грубо говоря первый раз, хотелось бы услышать поправки по коду, если возможно... 

Это сообщение отредактировал(а) Самозванка - 20.12.2007, 16:28
PM MAIL ICQ   Вверх
kizune
Дата 20.12.2007, 16:43 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


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

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



весь код страницы:
Код

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title></title>
<META http-equiv=Content-Type content="text/html; charset=windows-1251">
<style type="text/css">
body
{
margin: 0px; 
padding: 0px; 
}
.tablehead { text-align : center; font-size: 10pt; font-weight: bold;  font-family:Verdana; margin:0; letter-spacing: 0pt;} 
</style>
</head>
<body bgcolor="#A80230">
<table width="114" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td height="192"></td>
    <td width="1000" height="192"><table width="1000" border="0" cellspacing="0" cellpadding="0">
        <tr> 
          <td width="4" height="60"></td>
          <td width="201" rowspan="6"><img src="foto/IPRIS_logo-201x192px.gif" width="201" height="192"></td>
          <td width="114" height="60"></td>
          <td width="4" height="60"></td>
          <td height="60" colspan="3"><p class="tablehead"><font color="#cccccc">Офсетная, 
              флексо- </font></p>
            <p class="tablehead"><font color="#cccccc">и трафаретная печать</font></p></td>
          <td width="4" height="60"></td>
          <td width="114" height="60"></td>
          <td width="4" height="60" bgcolor="#FFFFFF"></td>
          <td width="114" height="60"><p class="tablehead"><font color="#cccccc">Цифровая</font></p>
            <p class="tablehead"><font color="#cccccc">печать</font></p></td>
          <td width="4" height="60" bgcolor="#FFFFFF"></td>
          <td width="124" rowspan="3"><img src="foto/Spas_124x124px_rainbow.jpg" width="124" height="124"></td>
          <td width="8" height="60" bgcolor="#FFFFFF"></td>
          <td height="60" colspan="2" rowspan="3" valign="top" bgcolor="#FFFFFF"> 
            <p style="text-align : left; font-size: 10pt; font-weight: bold;  font-family:Verdana; margin:0; letter-spacing: 0pt;">&nbsp;</p>
            <p style="text-align : left; font-size: 10pt; font-weight: bold;  font-family:Verdana; margin:0; letter-spacing: 0pt;"><font color="#999999">Home</font></p>
            <p style="text-align : left; font-size: 10pt; font-weight: bold;  font-family:Verdana; margin:0; letter-spacing: 0pt;">&nbsp;</p>
            <p style="text-align : left; font-size: 10pt; font-weight: bold;  font-family:Verdana; margin:0; letter-spacing: 0pt;"><font color="#999999">Site 
              Map </font></p>
            <p style="text-align : left; font-size: 10pt; font-weight: bold;  font-family:Verdana; margin:0; letter-spacing: 0pt;">&nbsp;</p>
            <p style="text-align : left; font-size: 10pt; font-weight: bold;  font-family:Verdana; margin:0; letter-spacing: 0pt;"><font color="#999999">English</font></p></td>
          <td width="4" height="60"></td>
        </tr>
        <tr> 
          <td width="4" height="4"></td>
          <td width="114" height="4" bgcolor="#FFFFFF"></td>
          <td width="4" height="4" bgcolor="#FFFFFF"></td>
          <td width="114" height="4" bgcolor="#FFFFFF"></td>
          <td width="4" height="4" bgcolor="#FFFFFF"></td>
          <td width="114" height="4" bgcolor="#FFFFFF"></td>
          <td width="4" height="4" bgcolor="#FFFFFF"></td>
          <td width="114" height="4" bgcolor="#FFFFFF"></td>
          <td width="4" height="4" bgcolor="#FFFFFF"></td>
          <td width="114" height="4" bgcolor="#FFFFFF"></td>
          <td width="4" height="4" bgcolor="#FFFFFF"></td>
          <td width="8" height="4" bgcolor="#FFFFFF"></td>
          <td width="4" height="4"></td>
        </tr>
        <tr> 
          <td width="4" height="60"></td>
          <td width="114" height="60"> <div style="position: absolute; top: 78px; left: 205px; width: 114px; height: 60px; "> 
              <p class="tablehead">Допечатное оборудование </p>
            </div>
            <table width="114" border="0" cellspacing="0" cellpadding="0">
              <tr> 
                <td width="38" height="60" bgcolor="#FEEAD2"></td>
                <td width="38" height="60" bgcolor="#E6D5E7"></td>
                <td width="38" height="60" bgcolor="#D5EDFA"></td>
              </tr>
            </table></td>
          <td width="4" height="60" bgcolor="#FFFFFF"></td>
          <td width="114" height="60" bgcolor="#D4DDEF"><p class="tablehead"><font color="#000000">Печатное</font></p>
            <p class="tablehead"><font color="#000000">оборудование</font></p></td>
          <td width="4" height="60" bgcolor="#FFFFFF"></td>
          <td width="114" height="60" bgcolor="#ECF3D9"><p class="tablehead"><font color="#000000">Послепечатное</font></p>
            <p class="tablehead"><font color="#000000">оборудование</font></p></td>
          <td width="4" height="60" bgcolor="#FFFFFF"></td>
          <td width="114" height="60" bgcolor="#E3DCEC"><p class="tablehead"><font color="#000000">Средства 
              контроля</font></p></td>
          <td width="4" height="60" bgcolor="#FFFFFF"></td>
          <td width="114" height="60" bgcolor="#F9D0C4"><p class="tablehead"><font color="#000000">Цифровая</font></p>
            <p class="tablehead"><font color="#000000">печать</font></p>
            <p class="tablehead"><font color="#000000">Оборудование</font></p></td>
          <td width="4" height="60" bgcolor="#FFFFFF"></td>
          <td width="8" height="60" bgcolor="#FFFFFF"></td>
          <td width="4" height="60"></td>
        </tr>
        <tr> 
          <td width="4" height="4"></td>
          <td width="114" height="4" bgcolor="#FFFFFF"></td>
          <td width="4" height="4" bgcolor="#FFFFFF"></td>
          <td width="114" height="4" bgcolor="#FFFFFF"></td>
          <td width="4" height="4" bgcolor="#FFFFFF"></td>
          <td width="114" height="4" bgcolor="#FFFFFF"></td>
          <td width="4" height="4" bgcolor="#FFFFFF"></td>
          <td width="114" height="4" bgcolor="#E3DCEC"></td>
          <td width="4" height="4" bgcolor="#FFFFFF"></td>
          <td width="114" height="4" bgcolor="#FFFFFF"></td>
          <td width="4" height="4" bgcolor="#FFFFFF"></td>
          <td width="124" height="4" bgcolor="#FFFFFF"></td>
          <td width="8" height="4" bgcolor="#FFFFFF"></td>
          <td width="61" height="4" bgcolor="#FFFFFF"></td>
          <td width="8" height="4" bgcolor="#FFFFFF"></td>
          <td width="4" height="4"></td>
        </tr>
        <tr> 
          <td width="4" height="60"></td>
          <td width="114" height="60"> <div style="position: absolute; top: 142px; left: 205px; width: 114px; height: 60px; "> 
              <p class="tablehead">Допечатные материалы </p>
            </div>
            <table width="114" border="0" cellspacing="0" cellpadding="0">
              <tr> 
                <td width="38" height="60" bgcolor="#FEEAD2"></td>
                <td width="38" height="60" bgcolor="#E6D5E7"></td>
                <td width="38" height="60" bgcolor="#D5EDFA"></td>
              </tr>
            </table></td>
          <td width="4" height="60" bgcolor="#FFFFFF"></td>
          <td width="114" height="60" bgcolor="#FFF9C7"><p class="tablehead">Печатные</p>
            <p class="tablehead">материалы</p></td>
          <td width="4" height="60" bgcolor="#FFFFFF"></td>
          <td width="114" height="60" bgcolor="#ECF3D9"><p class="tablehead"><font color="#000000">Послепечатные</font><font color="#000000"> 
              материалы</font></p></td>
          <td width="4" height="60" bgcolor="#FFFFFF"></td>
          <td width="114" height="60" bgcolor="#E3DCEC"></td>
          <td width="4" height="60" bgcolor="#FFFFFF"></td>
          <td width="114" height="60" bgcolor="#F9D0C4"><p  class="tablehead"><font color="#000000">Цифровая</font></p>
            <p  class="tablehead"><font color="#000000">печать</font></p>
            <p  class="tablehead"><font color="#000000">Материалы</font></p></td>
          <td width="4" height="60" bgcolor="#FFFFFF"></td>
          <td height="60" colspan="4" bgcolor="#DCDCDC"><table width="201" height="60" border="0" cellspacing="0" cellpadding="0">
              <tr>
                <td width="8" height="8"></td>
                <td height="8"></td>
                <td width="8" height="8"></td>
              </tr>
              <tr>
                <td width="8" height="24"></td>
                <td height="24" valign="top"><div style="width: 185px;"> 
                    <form name="form1" method="post" action="" style=" margin-bottom:0px;">
                    <input type="text" name="textfield" style="width: 185px; height: 22px; " >
                  </form></div></td>
                <td width="8" height="24"></td>
              </tr>
              <tr>
                <td width="8" height="28"></td>
                <td><table width="185" border="0" cellspacing="0" cellpadding="0">
                    <tr>
                      <td width="95" height="28">&nbsp;</td>
                      <td width="21" height="28"><img src="foto/Search_gl_gray2-20x20px.gif" width="21" height="21"></td>
                      <td width="8" height="28">&nbsp;</td>
                      <td width="61" height="28"><p  style="text-align : left; font-size: 10pt; font-weight: bold;  font-family:Verdana; margin:0; letter-spacing: 0pt;"><font color="#7F7F7F">Поиск</font></p></td>
                    </tr>
                  </table></td>
                <td width="8"></td>
              </tr>
            </table></td>
          <td width="4" height="60"></td>
        </tr>
        <tr> 
          <td width="4" height="4"></td>
          <td width="114" height="4" bgcolor="#FFFFFF"></td>
          <td width="4" height="4" bgcolor="#FFFFFF"></td>
          <td width="114" height="4" bgcolor="#FFFFFF"></td>
          <td width="4" height="4" bgcolor="#FFFFFF"></td>
          <td width="114" height="4" bgcolor="#FFFFFF"></td>
          <td width="4" height="4" bgcolor="#FFFFFF"></td>
          <td width="114" height="4" bgcolor="#FFFFFF"></td>
          <td width="4" height="4" bgcolor="#FFFFFF"></td>
          <td width="114" height="4" bgcolor="#FFFFFF"></td>
          <td width="4" height="4" bgcolor="#FFFFFF"></td>
          <td width="124" height="4" bgcolor="#FFFFFF"></td>
          <td width="8" height="4" bgcolor="#FFFFFF"></td>
          <td width="61" height="4" bgcolor="#FFFFFF"></td>
          <td width="8" height="4" bgcolor="#FFFFFF"></td>
          <td width="4" height="4"></td>
        </tr>
      </table></td>
    <td height="192"></td>
  </tr>
  <tr>
    <td></td>
    <td width="1000"></td>
    <td></td>
  </tr>
  <tr>
    <td height="180"></td>
    <td width="1000" height="180"></td>
    <td height="180"></td>
  </tr>
</table>
</body>
</html>



ячейка таблицы с дивом
Код

<td height="24" valign="top"><div style="width: 185px;"> 
                    <form name="form1" method="post" action="" style=" margin-bottom:0px;">
                    <input type="text" name="textfield" style="width: 185px; height: 22px; " >
                  </form></div></td>


position:absolute там не нужен. 

по поводу всего кода:
лучше вынести все стили в css файл,страница будет быстрее грузиться и код будет более читабельным smile 

PM MAIL   Вверх
bars80080
Дата 20.12.2007, 16:46 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


прапор творюет
****
Награды: 1



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

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



труднова-то понять конечно

див съезжает, в смысле остаётся на месте?

да/нет не важно

абсолютное позиционирование - позиционирования относительно лежащего слоя
проверил текст, у тебя трижды position: absolute;
это значит, что они цепляются координатами left и top за тэг <body>

чтобы их соориентировать относительно другого элемента, к примеру квадрата поиск,
надо этому элементу придать position: relative
вообще почитай http://htmlbook.ru/css/position.html
там всё объяняется

про стили Кизун верно говорит, это то что отличает новичка от более менее оптыного верстальщика
твой код уменьшится в разы

Это сообщение отредактировал(а) bars80080 - 20.12.2007, 16:48
PM MAIL WWW   Вверх
Самозванка
Дата 20.12.2007, 16:46 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Девушка в стиле IT
**


Профиль
Группа: Завсегдатай
Сообщений: 484
Регистрация: 5.9.2006
Где: USA

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



kizune, я так пробовала без absolute. Получается что тогда таблица растягивается вниз и есть ячейка таблиицы и див , ширина строки увеличиваеться

Добавлено через 2 минуты и 16 секунд
bars80080, спасибо, в принципе такой отет я и ждала... так как вопрос неправильно сформулировала... надо было спросить так: как задать позиционирование дива не относительно боди, а другого контейнера. Ссылку сейчас прочитаю...

Добавлено через 7 минут и 46 секунд
bars80080, Честно прочитала.

Но не очень поняла, как сделать например , чтобы див позиционировался относительно тэга table, То есть верхнего левого угла основной таблицы.....
PM MAIL ICQ   Вверх
kizune
Дата 20.12.2007, 16:56 (ссылка) |    (голосов:1) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


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

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



Цитата

Получается что тогда таблица растягивается вниз и есть ячейка таблиицы и див , ширина строки увеличиваеться


для того,чтобы не растягивалась добавлен margin-bottom:0px для <form>

Это сообщение отредактировал(а) kizune - 20.12.2007, 17:00
PM MAIL   Вверх
Самозванка
Дата 20.12.2007, 17:06 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Девушка в стиле IT
**


Профиль
Группа: Завсегдатай
Сообщений: 484
Регистрация: 5.9.2006
Где: USA

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



kizune, сработало, но я не очень поняла почему так происходит, вообщем буду учить матчасть...

И к тому же хочется понять как это сделать с помощью Position всё же...
PM MAIL ICQ   Вверх
bars80080
Дата 20.12.2007, 17:07 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


прапор творюет
****
Награды: 1



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

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



всё же очень просто
задаём таблице идентификатор (чтобы на другие распространялось)

Код
<table id="maintable">

в css пишем
Код
#maintable { position: relative; }

по умолчанию у всех элементов position: static

relative - выдёргивает таблицу из предыдущего поля (то есть body),
теперь все элементы внутри тэгов table будут позиционироваться относительно таблицы, задай для своего поиска left: 0px; top: 0px и увидишь куда он уткнётся

если поиск окажется внутри другого элемента с position: relative, то он начнёт ориентироваться относительно его

PM MAIL WWW   Вверх
Самозванка
Дата 20.12.2007, 17:27 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Девушка в стиле IT
**


Профиль
Группа: Завсегдатай
Сообщений: 484
Регистрация: 5.9.2006
Где: USA

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



bars80080, 
kizune, 

Спасибо огромное, и один и другой метод пригодились, всё получилось! 
PM MAIL ICQ   Вверх
  
Ответ в темуСоздание новой темы Создание опроса
0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | Вёрстка веб-сайтов | Следующая тема »


 




[ Время генерации скрипта: 0.0585 ]   [ Использовано запросов: 21 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.