Как прикрепить футер в табличной вёрстке или просто закрепить нижнюю область

nb21 · October 25, 2016

Всем привет!
Нужно сверстать страницу именно в табличном варианте и что бы прижать футер к низу, подскажите пожалуйста как это лучше всего реализовать?
Заранее спасибо!

<html>
<head>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=windows-1251">
<STYLE>
a{text-decoration:none;}
TABLE {
    font-weight: normal;
    font-size: 8pt;
    border:none;
    border-collapse:collapse;
    border-spacing : 0px;
    left : 0px;
    letter-spacing : 0px;
    right : 0px;
}
BODY {font-family:Arial Cyr, Arial;
    font-weight: normal;
    font-size: 8pt; 
    color: black;
  .table_name {
  border: 3px;
  border-left: 3px solid #83C447;
  border-right: 3px solid #83C447;
  border-bottom: 3px solid #83C447;
  border-top: 3px solid #83C447;
  font-family: "Lucida Grande", sans-serif;
    }
</STYLE>
</head>
<body>
<table width="100%" border=0>
 
 
<TR>
  <TD><img src="logo.jpg" width="50%" height="50%"></TD>
  <TD align="right" width="5%"></TD>
  <TD align="right">
    <table>
    <TR>
      <TD align="left">~MAST_NM~</TD>
    </TR>
    <TR>   
      <TD align="left">ªÄÐÏÎÓ ~MAST_OKPO~</TD>
    </TR>   
    <TR>   
      <TD align="left">Þðèäè÷åñêèé àäðåñ: ~MAST_UADDR~</TD>
    </TR>   
    <TR>   
      <TD align="left">òåë. ~MAST_TEL_FOR_DOC~</TD>
    </TR>   
    <TR>   
      <TD align="left">e-mail: ~MAST_MAIL_FOR_DOC~</TD>
    </TR>
    </table>
  </TD>
</TR>  
</table>
 
<hr color="#83c447" width="100%" size="8">
<div align="center"><font color="#000000" style="FONT-WEIGHT: bold; FONT-SIZE: 10pt; FONT-FAMILY: Arial">ÊÎÌÅÐ×ÅÑÊÎÅ ÏÐÅÄËÎÆÅÍÈÅ
îò ~DOC_DT~ 
 
 
</font></div>
 
<table width="100%" border=0 align="center">
 
 
<TR>
  <TD align="left" width="19%">
  <TD align="right" valign="top" width="30%">Äëÿ
  <TD align="left">~FIRM_NM~</TD>
<TR>
  <TD align="left" width="5%">
  <TD align="right"  valign="top">Êîä
  <TD align="left"> ~FIRM_OKPO~</TD>
<TR>
  <TD align="left" width="5%">
  <TD align="right"  valign="top">Àäðåñ
  <TD align="left">~FIRM_UADDR~</TD>
<TR>
  <TD align="left" width="5%">
        <TD align="right"  valign="top">òåë.
        <TD align="left">~FIRM_TEL_FOR_DOC~</TD>
   <TD align="right" width="15%">
 
 
</table>
<table>
  <tr>
    <td height="12%"></td>
  </tr>  
</table>
<table width="100%" class="table_name" border="1">
  <TR>
      <th width="21%" valign="middle" bgcolor="#787878"><font size="2" font color="#FFFFFF">Ìîäåëü</font></th>
      <th width="10%" valign="middle" bgcolor="#787878"><font size="2" font color="#FFFFFF">Ìàðêà</font></th>
      <th width="30%" valign="middle" bgcolor="#787878"><font size="2" font color="#FFFFFF">Îïèñàíèå</font></th>
      <th width="9%" valign="middle" bgcolor="#787878"><font size="2" color="#FFFFFF">Öåíà ~curr_sign~</font></th>
      <th width="3%" valign="middle" bgcolor="#787878"><font size="2" color="#FFFFFF">Åä. èçì.</font></th>
      <th width="3%" valign="middle" bgcolor="#787878"><font size="2" color="#FFFFFF">Øò</font></th>
      <th width="9%" valign="middle" bgcolor="#787878"><font size="2" color="#FFFFFF">Âñåãî ~curr_sign~</font></th>
  </TR>
</table>
<table width="100%" border="1" bordercolor="#000000">
  <tr bordercolor="#000000" bgcolor="#FFCD9B" border="1"> 
    <th width="21%" valign="middle"><font size="2">Ìîäåëü</font></th>
    <th width="10%" valign="middle" bgcolor="#FFCD9B"><font size="2">Ìàðêà</font></th>
    <th width="30%" valign="middle" bgcolor="#FFCD9B"><font size="2">Îïèñàíèå</font></th>
    <th width="9%" valign="middle"><font size="2">Öåíà ~curr_sign~</font></th>
    <th width="3%" valign="middle"><font size="2">Åä. èçì.</font></th>
    <th width="3%" valign="middle"><font size="2">Øò</font></th>
    <th width="9%" valign="middle"><font size="2">Âñåãî ~curr_sign~</font></th>
  </tr>
  <tr bordercolor="#000000" bgcolor="#C1FFD1"> 
    <th colspan="7" align="left" ><font size="2">~GMSTF_NM~ ~header(GMSTF_NM)~</font></th>
  </tr>
  <tr bordercolor="#000000" > 
    <td width="21%" valign="middle"><font size="2">~ART~</font></td>
    <td width="10%"><font size="2">~DF2~</font></td>
    <td width="30%"><font size="2">~CMNT~</font></td>
    <td width="9%" align="right" valign="middle"><font size="2">~pr1~</font></td>
    <td width="3%" align="center" valign="middle"><font size="2">~ED~</font></td>
    <td width="3%" align="center" valign="middle"><font size="2">~QTY~</font></td>
    <td width="9%" align="right" valign="middle"><font size="2">~sumsnds~</font></td>
  </tr>
  <tr bordercolor="#000000"> 
    <th height="19" colspan="7" align="right"><font size="2">Âñåãî:&nbsp ~footer(GMSTF_NM)~~SUM(sumsnds,GMSTF_NM)~</font></th>
  </tr>
  <tr bordercolor="#000000"> 
    <th height="17" colspan="7" align="right" valign="middle"><font size="2">Âñåãî ïî ïðåäëîæåíèþ:&nbsp ~SUM(sumsnds)~</font></th>
  </tr>
</table>
 
 
 
<td colspan="8"><font size="3"><font style="WIDTH: 21%"
     >Îáùàÿ ñóììà ñîñòàâëÿåò:</font><font  
      style="WIDTH: 78%; BACKGROUND-COLOR: #b0b0b0">  <b>&nbsp;&nbsp;&nbsp;~SUMSLOV~</b> </font> 
 
</body>
</html>

klierik · October 25, 2016

искренне тебе сочувствую, держись!

Switch74 · October 25, 2016

попробуй в этом табличном футере обернуть все содержимое в div и зафиксировать
а в остальном присоединяюсь к сказанному klierik

nb21 · October 25, 2016

Спасибо на добром слове, а может кто-то подскажет как можно еще улучшить данный вариант, вплане дизайна, дело в том что задача стоит улучшить максимально внешне, но что тут улучшить и каким образом в табличной вёрстке ума не приложу. Заранее спасибо!

Sign In

Как прикрепить футер в табличной вёрстке или просто закрепить нижнюю область

Question

nb21

Link to comment

Share on other sites

3 answers to this question

Recommended Posts

klierik

Link to comment

Share on other sites

Switch74

Link to comment

Share on other sites

nb21

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information