html 4.0 / 4.01 [Версия для КПК] - Компьютерный форум OSzone.net

Показать полную графическую версию : html 4.0 / 4.01

3kLiN

27-08-2006, 13:27

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

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

<body style="margin: 0;">
<table width="100%" height="100%">
<tr valign="top">
<td>



</td>
</tr>
<tr valign="bottom">
<td align="right">



</td>
</tr>
</table>
</body>

при указании на странице doctype как
<!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 никаких конкретных изменений касаемо таблиц не нашёл.

Vlad Drakula

27-08-2006, 13:37

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

3kLiN

27-08-2006, 14:12

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

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

XCodeR

27-08-2006, 19:20

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

<table width=100% height=100%>
<tr>
<td height=10%>

</tr>

<tr>
<td height=80%>

</tr>

<tr>
<td height=10%>

</tr>
</table>

Alyaa

27-08-2006, 20:27

попробуй это
<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">
 <p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </TD>
<TD valign="bottom" align="center" width="30%" style="HEIGHT: 183px">
 </TD>
<TD valign="bottom" align="center" style="HEIGHT: 183px">
 </TD>
</TR>
</TABLE>
</TD>
</TR>
</TABLE>

</body>

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

3kLiN

30-08-2006, 00:34

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

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

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

<?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 была у нижнего края экрана. никак не могу сообразить =\

Prisoner

30-08-2006, 12:00

3kLiN, имхо, подобный вопрос уже задавался, ответом была ссылка (http://htmlcoder.visions.ru/CSS/?22). Я все верно понял?

Alyaa

30-08-2006, 13:28

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

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

3kLiN

30-08-2006, 14:12

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

Alyaa

30-08-2006, 15:00

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