<?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>[CSS]高さの異なるカラムを揃えるスタイルシート へのコメント</title>
	<atom:link href="http://coliss.com/articles/build-websites/operation/css/558.html/feed/" rel="self" type="application/rss+xml" />
	<link>http://coliss.com/articles/build-websites/operation/css/558.html</link>
	<description>サイト制作に関するアウトプットとクリップした情報を紹介するブログです。</description>
	<lastBuildDate>Sun, 21 Mar 2010 07:43:31 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.1</generator>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
		<item>
		<title>ぴー より</title>
		<link>http://coliss.com/articles/build-websites/operation/css/558.html/comment-page-1/#comment-4159</link>
		<dc:creator>ぴー</dc:creator>
		<pubDate>Wed, 18 Mar 2009 07:27:26 +0000</pubDate>
		<guid isPermaLink="false">http://coliss.com/articles/build-websites/operation/css/558.html#comment-4159</guid>
		<description>こんな方法があるんですね☆
ドリームウェーバーで開くと32768pxが表示されてきになりますが、プレビューした時に高さがそろってるのは見た目的に美しいので使わせていただきます！</description>
		<content:encoded><![CDATA[<p>こんな方法があるんですね☆<br />
ドリームウェーバーで開くと32768pxが表示されてきになりますが、プレビューした時に高さがそろってるのは見た目的に美しいので使わせていただきます！</p>
]]></content:encoded>
	</item>
	<item>
		<title>コリス より</title>
		<link>http://coliss.com/articles/build-websites/operation/css/558.html/comment-page-1/#comment-4158</link>
		<dc:creator>コリス</dc:creator>
		<pubDate>Wed, 08 Oct 2008 14:27:03 +0000</pubDate>
		<guid isPermaLink="false">http://coliss.com/articles/build-websites/operation/css/558.html#comment-4158</guid>
		<description>&gt; Abdiel さん

IEだと、ダメですね。
情報、ありがとうございます。

このトリックを使用して、IEでプリント対応するとなると、プリント用のスタイルシートを用意するしかなさそうです。
でも、そうなると、そもそも普通に制作した方がよさそうですね。</description>
		<content:encoded><![CDATA[<p>> Abdiel さん</p>
<p>IEだと、ダメですね。<br />
情報、ありがとうございます。</p>
<p>このトリックを使用して、IEでプリント対応するとなると、プリント用のスタイルシートを用意するしかなさそうです。<br />
でも、そうなると、そもそも普通に制作した方がよさそうですね。</p>
]]></content:encoded>
	</item>
	<item>
		<title>Abdiel より</title>
		<link>http://coliss.com/articles/build-websites/operation/css/558.html/comment-page-1/#comment-4157</link>
		<dc:creator>Abdiel</dc:creator>
		<pubDate>Wed, 08 Oct 2008 06:35:58 +0000</pubDate>
		<guid isPermaLink="false">http://coliss.com/articles/build-websites/operation/css/558.html#comment-4157</guid>
		<description>はじめまして。

こちらの方法を試してみたのですが、IEで表示したページを印刷しようとしたところ、「overflow: hidden;」を指定した部分が印刷できなくなるようです。

「overflow: hidden;」はどうしても指定が必要なんですよね?
レイアウトを保持したまま印刷できるとありがたいので、代用できる方法などがあれば良いのですが…

カラムの高さを合わせるのって、なかなかうまい方法が見つからないですね。</description>
		<content:encoded><![CDATA[<p>はじめまして。</p>
<p>こちらの方法を試してみたのですが、IEで表示したページを印刷しようとしたところ、「overflow: hidden;」を指定した部分が印刷できなくなるようです。</p>
<p>「overflow: hidden;」はどうしても指定が必要なんですよね?<br />
レイアウトを保持したまま印刷できるとありがたいので、代用できる方法などがあれば良いのですが…</p>
<p>カラムの高さを合わせるのって、なかなかうまい方法が見つからないですね。</p>
]]></content:encoded>
	</item>
	<item>
		<title>masaakibの日記 より</title>
		<link>http://coliss.com/articles/build-websites/operation/css/558.html/comment-page-1/#comment-4156</link>
		<dc:creator>masaakibの日記</dc:creator>
		<pubDate>Sat, 27 Sep 2008 15:07:49 +0000</pubDate>
		<guid isPermaLink="false">http://coliss.com/articles/build-websites/operation/css/558.html#comment-4156</guid>
		<description>&lt;strong&gt;[css]idでページ内リンクと2段組みの高さ合わせ裏技について&lt;/strong&gt;

 併用すると、ページ内リンクを使ったページのコンテンツ表示が、id属性の及ぶ範囲しか表示されなくなる。 position:absolute の指定があるタグは助かる？ 例えば、 &lt;div class=&quot;wrapper clear...</description>
		<content:encoded><![CDATA[<p><strong>[css]idでページ内リンクと2段組みの高さ合わせ裏技について</strong></p>
<p> 併用すると、ページ内リンクを使ったページのコンテンツ表示が、id属性の及ぶ範囲しか表示されなくなる。 position:absolute の指定があるタグは助かる？ 例えば、 &#60;div class=&#34;wrapper clear&#8230;</p>
]]></content:encoded>
	</item>
	<item>
		<title>とんでもブログ ～ プログラマのWeb開発メモ より</title>
		<link>http://coliss.com/articles/build-websites/operation/css/558.html/comment-page-1/#comment-4155</link>
		<dc:creator>とんでもブログ ～ プログラマのWeb開発メモ</dc:creator>
		<pubDate>Tue, 26 Aug 2008 03:34:43 +0000</pubDate>
		<guid isPermaLink="false">http://coliss.com/articles/build-websites/operation/css/558.html#comment-4155</guid>
		<description>&lt;strong&gt;CSS / スタイルシートで高さを合わせる、高さ100%を実現する&lt;/strong&gt;

スタイルシートのfloatによる段組で、メニューと本文を2段に分けるっていうシチュエーションはよくあると思います。
そのとき、メニューを本文の長さにあわせようとして、スタイルシ...</description>
		<content:encoded><![CDATA[<p><strong>CSS / スタイルシートで高さを合わせる、高さ100%を実現する</strong></p>
<p>スタイルシートのfloatによる段組で、メニューと本文を2段に分けるっていうシチュエーションはよくあると思います。<br />
そのとき、メニューを本文の長さにあわせようとして、スタイルシ&#8230;</p>
]]></content:encoded>
	</item>
	<item>
		<title>Cyber Support より</title>
		<link>http://coliss.com/articles/build-websites/operation/css/558.html/comment-page-1/#comment-4154</link>
		<dc:creator>Cyber Support</dc:creator>
		<pubDate>Fri, 30 May 2008 07:11:03 +0000</pubDate>
		<guid isPermaLink="false">http://coliss.com/articles/build-websites/operation/css/558.html#comment-4154</guid>
		<description>&lt;strong&gt;高さの異なるカラムを揃えるスタイルシート、に絡む諸々の問題&lt;/strong&gt;

またリニューアル中のページについてですが、テーブルデザインだ、ということは既に書きました。それをMODxに取り込んだのですが、やはりそのままでは我慢できず、テーブルを取り外...</description>
		<content:encoded><![CDATA[<p><strong>高さの異なるカラムを揃えるスタイルシート、に絡む諸々の問題</strong></p>
<p>またリニューアル中のページについてですが、テーブルデザインだ、ということは既に書きました。それをMODxに取り込んだのですが、やはりそのままでは我慢できず、テーブルを取り外&#8230;</p>
]]></content:encoded>
	</item>
	<item>
		<title>net-mercurius blog より</title>
		<link>http://coliss.com/articles/build-websites/operation/css/558.html/comment-page-1/#comment-4146</link>
		<dc:creator>net-mercurius blog</dc:creator>
		<pubDate>Mon, 18 Feb 2008 15:47:44 +0000</pubDate>
		<guid isPermaLink="false">http://coliss.com/articles/build-websites/operation/css/558.html#comment-4146</guid>
		<description>&lt;strong&gt;08.02.18　ＨＤＤＶＤ撤退。...&lt;/strong&gt;

CSS Spriteを活用しよう　（designwalker）
ＣＳＳでのロールオーバーでは、使った事ありますけど、なるほど。


高さの異なるカラムを揃えるス&lt;a href=&quot;http://netmercurius.blog10.fc2.com/blog-entry-17.html&quot; rel=&quot;nofollow&quot;&gt; (more...)&lt;/a&gt;</description>
		<content:encoded><![CDATA[<p><strong>08.02.18　ＨＤＤＶＤ撤退。&#8230;</strong></p>
<p>CSS Spriteを活用しよう　（designwalker）<br />
ＣＳＳでのロールオーバーでは、使った事ありますけど、なるほど。</p>
<p>高さの異なるカラムを揃えるス<a href="http://netmercurius.blog10.fc2.com/blog-entry-17.html" rel="nofollow"> (more&#8230;)</a></p>
]]></content:encoded>
	</item>
	<item>
		<title>コリス より</title>
		<link>http://coliss.com/articles/build-websites/operation/css/558.html/comment-page-1/#comment-4152</link>
		<dc:creator>コリス</dc:creator>
		<pubDate>Fri, 28 Dec 2007 02:23:18 +0000</pubDate>
		<guid isPermaLink="false">http://coliss.com/articles/build-websites/operation/css/558.html#comment-4152</guid>
		<description>&gt; wu さん

配布用だと、条件限定ではなく汎用性を高くしないといけないため、これを採用するのは難しいかもしれませんね。</description>
		<content:encoded><![CDATA[<p>> wu さん</p>
<p>配布用だと、条件限定ではなく汎用性を高くしないといけないため、これを採用するのは難しいかもしれませんね。</p>
]]></content:encoded>
	</item>
	<item>
		<title>wu より</title>
		<link>http://coliss.com/articles/build-websites/operation/css/558.html/comment-page-1/#comment-4147</link>
		<dc:creator>wu</dc:creator>
		<pubDate>Thu, 27 Dec 2007 16:00:58 +0000</pubDate>
		<guid isPermaLink="false">http://coliss.com/articles/build-websites/operation/css/558.html#comment-4147</guid>
		<description>コリスさん
わざわざありがとうございます。
なかなか難しいのですね。

先ほど、私のブログにて、この&lt;a href=&quot;http://3ping.org/2007/12/25/1543#comment918&quot; rel=&quot;nofollow&quot;&gt;テクニックに関するコメント&lt;/a&gt;を頂きました。

他にも細々とした問題を孕んでいるようです。
無念…。</description>
		<content:encoded><![CDATA[<p>コリスさん<br />
わざわざありがとうございます。<br />
なかなか難しいのですね。</p>
<p>先ほど、私のブログにて、この<a href="http://3ping.org/2007/12/25/1543#comment918" rel="nofollow">テクニックに関するコメント</a>を頂きました。</p>
<p>他にも細々とした問題を孕んでいるようです。<br />
無念…。</p>
]]></content:encoded>
	</item>
	<item>
		<title>コリス より</title>
		<link>http://coliss.com/articles/build-websites/operation/css/558.html/comment-page-1/#comment-4151</link>
		<dc:creator>コリス</dc:creator>
		<pubDate>Thu, 27 Dec 2007 14:12:40 +0000</pubDate>
		<guid isPermaLink="false">http://coliss.com/articles/build-websites/operation/css/558.html#comment-4151</guid>
		<description>&gt; wu さん

IE6, Fx2, Op9で問題無い版のサンプルをアップしてみました(IE7, Safariではダメです)。

&lt;a href=&quot;http://coliss.com/wp-content/uploads/css-columns-padding-revised-3.html#h2-01&quot; rel=&quot;nofollow&quot;&gt;サンプル&lt;/a&gt;

divを余分に２つと、ダミーのアンカー(position:absolute;)を追加しています(実際に使用する場合はみえないようにする)。

IE7は、いろいろ試してみましたが、無理そうでした。
ページ内アンカーを設置している場合は、このCSSを使わない方がいいかもしれませんね。</description>
		<content:encoded><![CDATA[<p>> wu さん</p>
<p>IE6, Fx2, Op9で問題無い版のサンプルをアップしてみました(IE7, Safariではダメです)。</p>
<p><a href="http://coliss.com/wp-content/uploads/css-columns-padding-revised-3.html#h2-01" rel="nofollow">サンプル</a></p>
<p>divを余分に２つと、ダミーのアンカー(position:absolute;)を追加しています(実際に使用する場合はみえないようにする)。</p>
<p>IE7は、いろいろ試してみましたが、無理そうでした。<br />
ページ内アンカーを設置している場合は、このCSSを使わない方がいいかもしれませんね。</p>
]]></content:encoded>
	</item>
</channel>
</rss>
