<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Блог NunDesign &#187; alistapart</title>
	<atom:link href="http://blog.nundesign.com/tag/alistapart/feed/" rel="self" type="application/rss+xml" />
	<link>http://blog.nundesign.com</link>
	<description></description>
	<lastBuildDate>Mon, 21 Feb 2011 12:56:10 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.2.1</generator>
		<item>
		<title>Колоночный дизайн с помощью CSS</title>
		<link>http://blog.nundesign.com/%d0%b4%d0%b8%d0%b7%d0%b0%d0%b9%d0%bd/2004/01/css-column/</link>
		<comments>http://blog.nundesign.com/%d0%b4%d0%b8%d0%b7%d0%b0%d0%b9%d0%bd/2004/01/css-column/#comments</comments>
		<pubDate>Thu, 29 Jan 2004 09:59:19 +0000</pubDate>
		<dc:creator>nundesign</dc:creator>
				<category><![CDATA[дизайн]]></category>
		<category><![CDATA[alistapart]]></category>
		<category><![CDATA[column]]></category>
		<category><![CDATA[css]]></category>

		<guid isPermaLink="false">http://blog.nundesign.com/?p=361</guid>
		<description><![CDATA[Ha A list Apart новая статья - как стилевым позиционированием исполнить колоночный дизайн. <a href="http://blog.nundesign.com/%d0%b4%d0%b8%d0%b7%d0%b0%d0%b9%d0%bd/2004/01/css-column/">Продолжить чтение <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<div class="entrytext">
<p>Ha A list Apart новая статья &#8211; как стилевым позиционированием исполнить колоночный дизайн. <a href="http://www.alistapart.com/articles/fauxcolumns/">http://www.alistapart.com/articles/fauxcolumns/</a><br />
Автор &#8211; <a href="http://www.alistapart.com/authors/dancederholm/">http://www.alistapart.com/authors/dancederholm/</a> [Dan Cederholm]</p>
<p>Имитация колоночного дизайна реализуется дивами с заданием ширины и, как я понимаю, высоты этого дива. Якобы работают и задание фиксированного размера в пикселях, и проценты. Надо попробовать динамические размеры, особенно интересует растяжка по высоте.</p>
<p>Фон задается блоку как всегда в css &#8211; типа такого:<br />
background: #ccc url(../images/bg_birch_800.gif) repeat-y 50% 0;</p>
<p>А вообще вся эта имитация &#8211; печалит безмерно. Лично сталкивалась с ситуацией, когда была необходимость в реальных колонках. Т.е. чтобы текст после &#8220;наполнения&#8221; первой (левой) колонки перетекал (сам) в следующую (правую). Публика пишет, что в css3 будет реализована эта фича, однако когда она в полной мере начнет поддерживаться браузерами&#8230;.</p>
<p>Был такой тэг <strong><code>&lt;multicol&gt;     &lt;/multicol&gt;</code></strong><br />
<a href="http://devedge.netscape.com/library/manuals/1998/htmlguide/tags15.html#1077197">http://devedge.netscape.com/library/manuals/1998/htmlguide/tags15.html#1077197</a><br />
теперь нет, но он позволял раскладывать текст на заданное число столбцов одинаковой ширины. Высота колонок была примерно одинаковой, и за раскладкой текста следил браузер. Поведение текста при изменении размера окна примерно такое же, что и в Winword&#8217;е у Формат/Колонки.</p>
<p>По поводу этого тега (малтикола) публика в ньюзах написала:<br />
<em>Профи старается использовать элементы языка по назначению. Хотя не всегда это получается ввиду некорректной интерпретации языка отдельными особораспространенными броузерами.</em><br />
Это точно <img src='http://blog.nundesign.com/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> :)</p>
</div>
]]></content:encoded>
			<wfw:commentRss>http://blog.nundesign.com/%d0%b4%d0%b8%d0%b7%d0%b0%d0%b9%d0%bd/2004/01/css-column/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>

