HTML & CSS

Bismuth · May 20, 2010

Всем доброе время суток!

Вот у меня вопрос, зачем нужно вначале странице писать вот этот код? Или для чего?

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

ИЛИ ЭТОТ?

<!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">

Просто когда я хочу вытянуть таблицу вверх на 100%, они не вытягиваются вверх, когда написано выше стоящие коды, в браузерах Mozilla, Opera и IE 7…

А когда написано без этих кодов

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title></title>
<link href="css/style.css" rel="stylesheet" type="text/css" />
</head>

<body>
<table class="main" border="0">
<tbody>
  <tr>
	<td class="top" colspan="2"></td>
  </tr>
  <tr>
	<td class="news"></td>
	<td class="text"></td>
  </tr>
</tbody>
</table>
</body>
</html>

КОД CSS

td.text {width:70%; height:100%;}
td.news {width:30%; height:100%;}

А когда, вот так написано, то все вытягивается вверх

В чем пречина?

May 20, 2010

Я думаю определение DOCTYPE можно и самому найти.

psywalker · May 20, 2010

Вот у меня вопрос, зачем нужно вначале странице писать вот этот код? Или для чего?

Для того, чтобы браузер мог знать, как отображать твою страницу, доктайп задаёт ему определённый режим. Если доктайпа нет, то браузер сделает это по своему, а это как правило это не очень хорошее зрелище)

Searcher · May 20, 2010

Bismuth.

Во-первых, про доктайп уже сказали. Это основа, на которой базируется отображение страницы. Даже на этом сайте без проблем можно найти описание.

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

Теория - фундамент на основе которого уже можно легко и быстро создавать, а не тратить время на эксперименты, на элементарные вопросы и ожидание раздраженных ответов на них.

Здесь на форуме мы можем подтолкнуть в правильном направлении, подсказать какие-то тонкости и хитрости для конкретных ситуаций. Разобрать ошибки в коде. Но это все возможно, если вопрошающий четко знает, что пишет в коде, знает принципы работы html и css, знает тэги, атрибуты и свойства, ну хотябы знает, где можно посмотреть о конкретном тэге, атрибуте или свойстве ну и т.п. Тогда мы говорим на одном языке.

Я надеюсь, вы знаете теорию html и css, ну хотябы в той степени, как описано в разделе "Шаг за шагом" этого сайта.

А что касается высоты, так вот включите логику. Что такое 100%? Это максимум от чего-то. Это относительная высота от родителя. А от чего тут у вас максимум? Все высоты родительских элементов по умолчанию устанавливаются от дочерних. И как по вашему можно вычислить 100% высоты от еще неопределенной высоты родителя? Если вы хотите 100%, то устанавливайте высоту всех родительских элементов. Хоть абсолютную, хоть относительную, но высота должна быть указана.

И не забудте, что к 100% прибавятся еще размеры всех отступов и бордеров.

Sign In

HTML & CSS

Question

Bismuth

Link to comment

Share on other sites

3 answers to this question

Recommended Posts

121990

Link to comment

Share on other sites

psywalker

Link to comment

Share on other sites

Searcher

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information