Подскажите DOCTYPE при совместном использовании слоев и таблиц

**Express** · 01.11.2008, 17:12

Здравствуйте.
Стоит задача от центровать верстку сайта по центру экрана (по горизонтали и по вертикали), а в свободное место по краем подставить соответствующие фоны.

Верстка сайта на слоях, а центровку я решил сделать при помощи таблиц, вот что получилось:

У меня все от центровалось, но вот какой DOCTYPE указать, чтоб в слой в текстом «Спецификация CSS2» во всех браузерах отображался одинаково???

Проблема в иe c «padding-left: 50px», которая приводит к меньшей длине слоя…

Код:

<html>
<head>
<title>Ice machines, клининговые технологии</title>
<meta http-equiv=&#39;content-typ&#39; content=&#39;text/html; charset=windows-1251&#39;>
<meta name="DESCRIPTION" content="%description%">
<meta name="KEYWORDS" content="%keywords%">
<style>
* {
*padding:0; margin:0;
}

body {
*font-family:Verdana, Arial, Helvetica, sans-serif;
*font-size:12px;
*color: #000000;
*text-align:left;
}

html, body {
* height:100%;
}
</style>
</head>
<body>
<table width="100%" height="100%" border="0" cellspacing="0" cellpadding="0">
* <tr>
*** <td></td>
*** <td style="background-color:#CCCCCC"></td>
*** <td style="background-color: #282526"></td>
* </tr>
* <tr height="625">
*** <td style="background-color:#CCCCFF"></td>
*** <td width="1000" height="625" style="background-color:#0066FF" valign="top">
*** <div style="float:left; display:block; width:998px; height:623px; border: 1px solid lime">
*** <div style="display:inline; float:left; width:890px; margin-left:50px;**padding-left: 50px; height: auto; border: 1px solid red; font-size:12px; font-family:&#39;Courier New&#39;, Courier, monospace;">
*** Спецификация CSS2 Спецификация CSS2 
*
*** Спецификация CSS2 Спецификация CSS2*
*** </div>
*** </div>*
*** </td>
*** <td style="background-color:#CC9933"></td>
* </tr>
* <tr>
*** <td style="background-color:#993366"></td>
*** <td style="background-color:#339999"></td>
*** <td style="background-color: #475766"></td>
* </tr>
</table>

</body>
</html>*******

**Aykroyd** · 01.11.2008, 18:18

Выбор объявления !DOCTYPE ни коим образом не связан ни с методами верстки, ни с решенем каких-либо локальных задач по расположению тех или иных элементов. Если Вы хотите, чтобы Ваш сайт рендерился в браузерах в соответствии со стандартами, указывайте полную версию любого объявления типа документа (HTML или XHTML, Strict или Transitional – это на любителя). Если же на стандарты Вам наплевать (а судя по приведенному Вами фрагменту кода дела обстоят именно так) – можете !DOCTYPE вообще не указывать, поскольку документ все равно не будет соответствовать заявленному стандарту.

**Express** · 01.11.2008, 22:28

можно пару примеров что здесь ни так, если конечно вам не сложно

Если подписать любой из DOCTYPE:
1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> — HTML версии 4.01 переходный.
2. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> — HTML версии 4.01 строгий.
3. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> — XHTML версии 1.0 строгий.

то ие ячейку таблицы, которая width="1000" height="625" не фиксирует с такими размерами..... может кто может помочь???

я про 6 версию ие

**Aykroyd** · 02.11.2008, 01:27

Во-первых, «Если подписать любой из DOCTYPE», то «ие ячейку таблицы, которая width="1000" height="625" фиксирует с такими размерами» прекрасно. Равно как и без указания какого-либо DOCTYPE.

Во-вторых, Ваша «проблема в иe c padding-left: 50px, которая приводит к меньшей длине слоя» – это есть ни что иное, как следствие режима [Только зарегистрированные пользователи могут видеть ссылки. ] (из-за отсутствия объявления !DOCTYPE). В этом режиме рендеринга поля, бордеры и отступы всех элементов в IE рассчитываются не «наружу» (как положено по стандартам и как поступают все другие нормальные браузеры), а «внутрь» (как НЕ положено по стандартам).

можно пару примеров что здесь ни так, если конечно вам не сложно

Там у Вас всё «ни так». Начиная с того, что атрибута height у элемента <table>...</table> не существует [Только зарегистрированные пользователи могут видеть ссылки. ] и заканчивая тем, что таблице там вообще [Только зарегистрированные пользователи могут видеть ссылки. ].

Возможно, что Вам интересно будет узнать о том, что «верстки сайта на слоях», равно как и «верстки сайта на таблицах», в природе не существует. Существует «синтаксически и семантически корректная структурная разметка» и «говнокод».

центровать верстку сайта по центру экрана (по горизонтали и по вертикали)

Если Вы хотя бы немного представляете себе, что такое HTML, то Вы должны понимать, что «ложки нет». Т.е. у Вашего пользователя нет никакого экрана. HTML – это не привязанный к платформе язык. Например, браузер для слепых не показывает текст, а читает его...

Тема: Подскажите DOCTYPE при совместном использовании слоев и таблиц

Опции темы

Поиск по теме

Отображение

Похожие темы

перенос при использовании тегов h1-h6

Подскажите по проблемке таблиц в HTML

Doctype Html Public

height: 100%; и DOCTYPE

Какой doctype выбрать?

Ваши права