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


Автор: The MASTER 2.7.2005, 19:14
Привет ещё раз, вот написал страничку:

Код

<html>
<head>
<title>Test</title>
<link rel="stylesheet" href="style.css" type="text/css" media="all">
<meta http-equiv="content-type" content="text/html;charset=windows-1251" />
<body>

<table border='0' cellspacing='0' cellpadding='0' width='100%' height='100p%'>
<tr height="98px" align=top>
  <td bgcolor="#5B7181"><img src="images/logo.gif"></td>
</tr>
<tr height='3px' align=top>
  <td background='images/split.gif'></td>
</tr>
<tr align=top valign=top height='100%'>
  <td>Content</td>
</tr>
<tr height='3px' >
  <td background='images/split.gif'></td>
</tr>
<tr  height='25px'>
  <td id='copy' align=bottom><center>Copyright</center></td>
</tr>
</table> 

</body>
</html>


И вот под Opera всё верно:

Logo вверху
затем сплит это разделитель
затем контент
затем в самом низу копирайт

а под IE всё вверху... smile

Автор: Black 2.7.2005, 20:04
Вот, так будет правильнее намного, хотя тоже валидатор не пройдем smile

Код

<!-- Над страницей химичил PHP-DIRECTOR -->
<html>
<head>
  <title>.: Test :.</title>
  <link rel="stylesheet" href="style.css" type="text/css" media="all" />
  <meta http-equiv="content-type" content="text/html;charset=windows-1251" />
</head>

<body>

<table style='padding: 0px; width: 100%; height: 100%;' cellspacing='0'>

  <tr style='height: 98px'>
    <td style='background: #5B7181;'><img src='images/logo.gif' alt='' /></td>
  </tr>

  <tr style='height: 3px;'>
    <td style='background: url(images/split.gif);'></td>
  </tr>

  <tr>
    <td style='vertical-align: top;'>Content</td>
  </tr>

  <tr style='height: 3px'>
    <td style='background: url(images/split.gif);'></td>
  </tr>

  <tr style='height: 25px'>
    <td id='copy' style='vertical-align: bottom;'><div align='center'>Copyright</div></td>
  </tr>

</table>

</body>
</html>

Автор: dm9 2.7.2005, 20:15
Я бы порекомендовал посмотреть, как сие сделано на ya.ru.

Автор: The MASTER 2.7.2005, 20:18
Спасибо, очень выручил, а почему всё через стили? И ещё: <td id='copy' style='vertical-align: middle;'>

Автор: Black 2.7.2005, 20:19
Цитата
Я бы порекомендовал посмотреть, как сие сделано на ya.ru.

не понял тебя, dm9 что ты конкретно имел ввиду???

Цитата
а почему всё через стили?

так правильнее :-)

Т.к. стили все браузеры поддерживают (правда в разной мере), а вот HTML еще не все нормально поддерживают.

Автор: dm9 2.7.2005, 20:22
Я имел в виду, что на ya.ru используется тоже табличка с высотой 100%.

но тут всё проще гораздо smile
Цитата(The @ 2.7.2005, 20:14)
<table border='0' cellspacing='0' cellpadding='0' width='100%' height='100p%'>

А надо
Цитата
<table border='0' cellspacing='0' cellpadding='0' width='100%' height='100%'>

Очепятка smile)

Автор: Black 2.7.2005, 20:24
The MASTER
ты также в своем коде забыл закрыть: <head>

Автор: The MASTER 2.7.2005, 21:51
Проворонил. smile

Автор: Mal Hack 3.7.2005, 11:22
http://validator.w3.org/ - показывает все ошибки. Проверять на Strick.

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