Ниже приводится цитируемое содержание:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<голова>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Равная высота (метод одинаковой высоты столбца)</title>
<style type="text/css">
тело{
заполнение: 0;
маржа: 0;
размер шрифта: 12 пикселей;
семейство шрифтов: Arial, Helvetica, без засечек;
высота строки: 140%;
фон:#E7DFD3;
}
#середина{
ширина: 580 пикселей;
плавать: влево;
фон:#FFFFFF;
выравнивание текста: по левому краю;
} #header,#footer{
фон: #E8E8E8;
ширина: 750 пикселей;
выравнивание текста: по центру;
}
#sideleft{
ширина: 580 пикселей;
плавать: влево;
положение: родственник;
поле слева:-580 пикселей;
}
#sideright{
ширина: 170 пикселей;
плавать: вправо;
положение: родственник;
поле: 0–170 пикселей 0 0;
фон: #F0F0F0;
} #footer{
ясно: оба;
}
h1,h2,адрес,p{
маржа: 0;
отступ: .8em;
}
h1,h2{размер шрифта: 20 пикселей;} </стиль>
<тип сценария="текст/javascript">
// <![CDATA[ функция toggleContent(name,n) {
var i,t='',el = document.getElementById(name);
если (!el.origCont) el.origCont = el.innerHTML;
for (i=0;i<n;i++) t += el.origCont;
эл.innerHTML = т;
} // ]]>
</скрипт>
</голова>
<тело> <div id="header">
<h1>Голова</h1>
<div id="средний">
<div id="sideright">
<div id="sideleft">
<h2>слева</h2>
<p><a href="javascript:toggleContent('sideleft',1)">Длина по умолчанию</a> <a href="javascript:toggleContent('sideleft',2)">Большая страница< /а></р>
<p> Нелегко перейти от фиксированного подхода к проектированию на основе пикселей к гибкому, относительному подходу к проектированию. Но при правильном использовании он может стать естественным выбором для повышения доступности и простоты использования без ущерба для дизайна. </p>
<p> Пиксель – это немасштабируемая точка на экране компьютера.
h3 — квадрат размером со слово. Из-за изменения размера шрифта h3
Относительная единица, представляющая предпочтительный размер текста пользователя. </p>
<p> Возможно, будет проще использовать напечатанный фиксированный дизайн, потому что при сохранении прежних размеров меньше вопросов. Однако если вы примете гибкий метод проектирования, вы сможете в полной мере использовать <a href="http://product.yesky.com/catalog/345/" class="bluekey" target="_blank">монитор компьютера. </a> и браузер. </p>
<p> Возможно, вы хотите, чтобы ваш веб-сайт выглядел определенным образом, но то, что хотят видеть ваши пользователи, может быть другим. Все, что навязывается пользователям, подрывает простоту использования и, следовательно, вредит успеху сайта. </p>
<p> Нелегко перейти от фиксированного подхода к проектированию на основе пикселей к гибкому, относительному подходу к проектированию. Но при правильном использовании он может стать естественным выбором для повышения доступности и простоты использования без ущерба для дизайна. </p>
</div>
<h2>сбоку справа</h2>
<p> Нелегко перейти от фиксированного подхода к проектированию на основе пикселей к гибкому, относительному подходу к проектированию. Но при правильном использовании он может стать естественным выбором для повышения доступности и простоты использования без ущерба для дизайна. </p>
<p> Пиксель – это немасштабируемая точка на экране компьютера.
h3 — квадрат размером со слово. Из-за изменения размера шрифта h3
Относительная единица, представляющая предпочтительный размер текста пользователя. </p>
<p> Возможно, будет проще использовать напечатанный фиксированный дизайн, потому что при сохранении прежних размеров меньше вопросов. Однако, если вы примете гибкий подход к проектированию, вы сможете в полной мере использовать монитор и браузер вашего компьютера. </p>
<p> Возможно, вы хотите, чтобы ваш веб-сайт выглядел определенным образом, но то, что хотят видеть ваши пользователи, может быть другим. Все, что навязывается пользователям, подрывает простоту использования и, следовательно, вредит успеху сайта. </p>
</div></div>
<div id="нижний колонтитул">
<адрес>
Нижний колонтитул
</адрес>
<p>Продукция: <a href="http://homepage.yesky.com">Веб-страница Tao Bar</a></p>
</div>
</тело>
</html>
<script Language="Javascript">
вар сейчас = новая дата();
document.write("<img src='http://counter.yesky.com/counter.shtml?CID=54197&AID=-1&refer="+escape(document.referrer)+"&rand="+ now.getTime() + "&cur="+escape(document.URL)+"' border='0' alt='' width='0' height='0'>");
</скрипт>
<носкрипт>
<img src="http://counter.yesky.com/counter.shtml?CID=54197&AID=-1&refer=noscriptcounter&cur=noscriptcounter" border='0' width='0' height='0'/>
</носкрипт> |
