html 4.0 / 4.01 - Компьютерный форум OSzone.net

Компьютерный форум OSzone.net (http://forum.oszone.net/index.php)

- Вебмастеру (http://forum.oszone.net/forumdisplay.php?f=22)

- - html 4.0 / 4.01 (http://forum.oszone.net/showthread.php?t=70390)

столкнулся с такой проблемой.

на странице существует конструкция:

HTML код:

    <body style="margin: 0;">

      <table width="100%" height="100%">

        <tr valign="top">

          <td>



            <!-- main body -->



          </td>

        </tr>

        <tr valign="bottom">

          <td align="right">

 

            <!-- footer -->

 

          </td>

        </tr>

      </table>

    </body>

при указании на странице doctype как

HTML код:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

страница отображается нормально. при смены версии html на 4.01 подвальная строка прыгает вверх, то есть таблица не растягивается до конца страницы.

подскажите, из-за чего такое происходит, так как изучив отличия в спецификации html 4.0 4.01 никаких конкретных изменений касаемо таблиц не нашёл.

3kLiN
1) мне так кажется что в 4.01 перестали работать valign="bottom" , используйте CSS
2) в каком броузере смотрели?
3) а где скриншоты?

1) хм... параметр style="vertical-align: bottom;" дал такой же результат :(
2) данная проблема проявляется в опере и ff, в ie такая конструкция не работает ни при каком doctype.

можт тогда посоветуйте, как грамотно реализовать подвал, прилегающий к низу страницы в любом броузере? =?

Цитата:

можт тогда посоветуйте, как грамотно реализовать подвал, прилегающий к низу страницы в любом броузере? =?

вот например:

HTML код:

<table width=100% height=100%>

<tr>

<td height=10%> 

<!-- header -->

</tr>



<tr>

<td height=80%> 

<!-- center -->

</tr>



<tr>

<td height=10%> 

<!-- footer -->

</tr>

</table>

попробуй это

HTML код:

<html>



<head>

<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">

<title>index 1</title>

</head>



<body>



                                                                        <TABLE cellSpacing="0" cellPadding="0" width="100%">

                                                                                <TR>

                                                                                        <TD vAlign="top">

<TABLE cellpadding="0" cellspacing="0" width="100%" height="183" style="BACKGROUND: url() no-repeat left top; ">

        <TR>

                <TD valign="bottom" width="37%" align="center" style="HEIGHT: 183px">

                        &nbsp;<p>&nbsp;</p>

                        <p>&nbsp;</p>

                        <p>&nbsp;</p>

                        <p>&nbsp;</p>

                        <p>&nbsp;</TD>

                <TD valign="bottom" align="center" width="30%" style="HEIGHT: 183px">

                        &nbsp;</TD>

                <TD valign="bottom" align="center" style="HEIGHT: 183px">

                        &nbsp;</TD>

        </TR>

</TABLE>

</TD>

                                                                                </TR>

                                                                                </TABLE>

                                                                

</body>



</html>

примерно это можно стырить с любого сайта,просмотрев его код

XCodeR, Alyaa, а Вы код который предлагаете проверяли? вот попробуйте ;) кроме того у таблицы по стандарту нет параметра height.

что предложено выше - не работает как минимум в опере и фф. неужели нет универсального метода прилепить нижную ячейку к нижнему краю при табличной вёрстке?

вот пример моего кода

HTML код:

<?xml version="1.0" encoding="UTF-8"?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

  <head>

    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

    <title>test</title>

  </head>

  <body>



          <table border="0" width="100%" cellpadding="0" cellspacing="0">

            <tr valign="top">

              <td>

                <div style="margin-left: 20px; margin-top: 10px; margin-right: 20px;">

                  <form method="get" action="">

                    <input type="text" name="as" maxlength="40" size="70" value="" />

                  </form>

                </div>

              </td>

            </tr>

            <tr valign="bottom">

              <td align="right">

                <hr width="100%" />

                bottom

              </td> 

            </tr>

          </table>



  </body>



</html>

выглядит всё это - как на скриншоте (опера). необходимо, чтобы горизонтальная полоса и надпись bottom была у нижнего края экрана. никак не могу сообразить =\

3kLiN, имхо, подобный вопрос уже задавался, ответом была ссылка. Я все верно понял?

3kLiN мой код вообще из Microsoft Office FrontPage 2003
просто визуально сделал,а потом скопировал код....и вот что вышло
попробуй эту прогу.там можно и в тексте и визуально

Цитата:

Вы код который предлагаете проверяли?

мой работает на Iexplorer 6.0

Prisoner, огромное спасибо :)
Alyaa, не советую никогда пользоваться FrontPage.

3kLiN cогласен,но когда ни чё знаешь-это самое то:)