<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	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/"
		>
<channel>
	<title>Комментарии к записи: Вертикальное выравнивание в div. Бонус: условные комментарии</title>
	<atom:link href="http://www.sdelaysite.com/kniga/verstka-kniga/vertikalnoe-vyravnivanie/feed" rel="self" type="application/rss+xml" />
	<link>http://www.sdelaysite.com/kniga/verstka-kniga/vertikalnoe-vyravnivanie</link>
	<description>Начинающему веб-мастеру посвящается</description>
	<lastBuildDate>Sat, 31 Jul 2010 08:33:09 +0400</lastBuildDate>
	<generator>http://wordpress.org/?v=2.7.1</generator>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
		<item>
		<title>Автор: Sarmat</title>
		<link>http://www.sdelaysite.com/kniga/verstka-kniga/vertikalnoe-vyravnivanie/comment-page-1#comment-5129</link>
		<dc:creator>Sarmat</dc:creator>
		<pubDate>Wed, 30 Jun 2010 12:41:56 +0000</pubDate>
		<guid isPermaLink="false">http://www.sdelaysite.com/?p=382#comment-5129</guid>
		<description>Прошу прощения, если высота родителя задана в %%, то приведённые в предыдущем моём комменте стили не срабатывают для XHTML.</description>
		<content:encoded><![CDATA[<p>Прошу прощения, если высота родителя задана в %%, то приведённые в предыдущем моём комменте стили не срабатывают для XHTML.</p>
]]></content:encoded>
	</item>
	<item>
		<title>Автор: Sarmat</title>
		<link>http://www.sdelaysite.com/kniga/verstka-kniga/vertikalnoe-vyravnivanie/comment-page-1#comment-5117</link>
		<dc:creator>Sarmat</dc:creator>
		<pubDate>Wed, 30 Jun 2010 09:21:11 +0000</pubDate>
		<guid isPermaLink="false">http://www.sdelaysite.com/?p=382#comment-5117</guid>
		<description>Здравствуйте Андрей!

Как выяснилось, приведённый в иллюстрации метод работает не для всех доктайпов... 

Предлагаю убрать &quot;лишние&quot; стили и всю css сократить до вот такой:

.textalign{
	width:500px;
	height: 500px; /*можно и в %%*/
	position: relative;
	overflow: hidden;
	border: 1px solid black;
}
.textalign div{
	position: absolute;
	top: 50%;
}
.textalign span{
	position: relative;
	top: -50%;    
}

Т.е. для всех браузеров будем использовать тот метод, который применяем для нужного нам выравнивания в IE6. Этих стилей достаточно, они поддерживаются всеми браузерами и удовлетворяют всем доктайпам. Да и условными комментами пользоваться не прийдётся.

По крайней мере, в моём случае, с приведённой разметкой сработало отлично - прошло все проверки.

Есть мнения?</description>
		<content:encoded><![CDATA[<p>Здравствуйте Андрей!</p>
<p>Как выяснилось, приведённый в иллюстрации метод работает не для всех доктайпов&#8230; </p>
<p>Предлагаю убрать &#8220;лишние&#8221; стили и всю css сократить до вот такой:</p>
<p>.textalign{<br />
	width:500px;<br />
	height: 500px; /*можно и в %%*/<br />
	position: relative;<br />
	overflow: hidden;<br />
	border: 1px solid black;<br />
}<br />
.textalign div{<br />
	position: absolute;<br />
	top: 50%;<br />
}<br />
.textalign span{<br />
	position: relative;<br />
	top: -50%;<br />
}</p>
<p>Т.е. для всех браузеров будем использовать тот метод, который применяем для нужного нам выравнивания в IE6. Этих стилей достаточно, они поддерживаются всеми браузерами и удовлетворяют всем доктайпам. Да и условными комментами пользоваться не прийдётся.</p>
<p>По крайней мере, в моём случае, с приведённой разметкой сработало отлично &#8211; прошло все проверки.</p>
<p>Есть мнения?</p>
]]></content:encoded>
	</item>
	<item>
		<title>Автор: Tanё4ek</title>
		<link>http://www.sdelaysite.com/kniga/verstka-kniga/vertikalnoe-vyravnivanie/comment-page-1#comment-2686</link>
		<dc:creator>Tanё4ek</dc:creator>
		<pubDate>Sun, 31 Jan 2010 16:08:20 +0000</pubDate>
		<guid isPermaLink="false">http://www.sdelaysite.com/?p=382#comment-2686</guid>
		<description>Огромное спасибо за пункт &quot;Центровка в блоке переменной высоты&quot;!!! то что нужно!!!
сначала не могла понять почему же у меня не получается, но потом поняла, что все из-за класса .textalign div. ко всем остальным divам в этом слое тоже применяются все свойства (я выровнила так весь сайт a-design.su). Поэтому чтобы другие пользователи вашего блога не тупили как я))), прошу дать этому слою название:

		
			Это какой-то проверочный текст. Он состоит из двух строк.
		

	
еще раз БОЛЬШОЕ СПАСИБО!!!!)))</description>
		<content:encoded><![CDATA[<p>Огромное спасибо за пункт &#8220;Центровка в блоке переменной высоты&#8221;!!! то что нужно!!!<br />
сначала не могла понять почему же у меня не получается, но потом поняла, что все из-за класса .textalign div. ко всем остальным divам в этом слое тоже применяются все свойства (я выровнила так весь сайт a-design.su). Поэтому чтобы другие пользователи вашего блога не тупили как я))), прошу дать этому слою название:</p>
<p>			Это какой-то проверочный текст. Он состоит из двух строк.</p>
<p>еще раз БОЛЬШОЕ СПАСИБО!!!!)))</p>
]]></content:encoded>
	</item>
	<item>
		<title>Автор: Never Lex</title>
		<link>http://www.sdelaysite.com/kniga/verstka-kniga/vertikalnoe-vyravnivanie/comment-page-1#comment-1976</link>
		<dc:creator>Never Lex</dc:creator>
		<pubDate>Thu, 17 Dec 2009 22:23:19 +0000</pubDate>
		<guid isPermaLink="false">http://www.sdelaysite.com/?p=382#comment-1976</guid>
		<description>Теперь будем использовать только HTML 4.01 Strict :)</description>
		<content:encoded><![CDATA[<p>Теперь будем использовать только HTML 4.01 Strict <img src='http://www.sdelaysite.com/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
]]></content:encoded>
	</item>
	<item>
		<title>Автор: Что такое !DOCTYPE - подробно о HTML-стандартах</title>
		<link>http://www.sdelaysite.com/kniga/verstka-kniga/vertikalnoe-vyravnivanie/comment-page-1#comment-1437</link>
		<dc:creator>Что такое !DOCTYPE - подробно о HTML-стандартах</dc:creator>
		<pubDate>Mon, 23 Nov 2009 13:12:19 +0000</pubDate>
		<guid isPermaLink="false">http://www.sdelaysite.com/?p=382#comment-1437</guid>
		<description>[...] спора с Takobus, разгоревшегося в комментариях к статье о вертикальном выравнивании в div. Оказывается, IE8, все-таки, прекрасно понимает [...]</description>
		<content:encoded><![CDATA[<div style="border: 1px solid #F0670B; padding: 1em;">
<p>[...] спора с Takobus, разгоревшегося в комментариях к статье о вертикальном выравнивании в div. Оказывается, IE8, все-таки, прекрасно понимает [...]</p>
</div>
]]></content:encoded>
	</item>
</channel>
</rss>
