<?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>futuremix &#187; CSS</title>
	<atom:link href="http://futuremix.org/tag/css/feed" rel="self" type="application/rss+xml" />
	<link>http://futuremix.org</link>
	<description>津田ふみかの日記・言想風景改め未来模景。 Remix The Future.</description>
	<lastBuildDate>Fri, 05 Mar 2010 12:33:30 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=abc</generator>
	<language>ja</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Thunderbird でメール本文の行間を空ける方法</title>
		<link>http://futuremix.org/2007/04/thunderbird-line-height</link>
		<comments>http://futuremix.org/2007/04/thunderbird-line-height#comments</comments>
		<pubDate>Tue, 24 Apr 2007 12:20:28 +0000</pubDate>
		<dc:creator>津田 ふみか</dc:creator>
				<category><![CDATA[Thunderbird]]></category>
		<category><![CDATA[CSS]]></category>

		<guid isPermaLink="false">http://futuremix.org/2007/04/thunderbird-line-height</guid>
		<description><![CDATA[
  Thunderbird でメール本文の行間を空けるには、設定ダイアログからはできませんが、userContent.css ファイルに次のような記述をすれば変更可能です。


  body { line-height [...]]]></description>
			<content:encoded><![CDATA[<p>
  Thunderbird でメール本文の行間を空けるには、設定ダイアログからはできませんが、userContent.css ファイルに次のような記述をすれば変更可能です。
</p>
<pre class="code" title="userContent.css">
  body { line-height:1.5em !important; }
</pre>
<p>
  userContent.css の場所ですが、Windows XP の Thunderbird 2.0 のデフォルトでは、<code>%appdata%\Thunderbird\Profiles\&lt;ランダムな文字列&gt;\chrome\</code>フォルダです。ファイルがなければ新規作成します。1.5em は好みで 2.0em などにしてください。</p>
<p>
  註) <dfn>%appdata%</dfn> は XP では通常 <code>C:\Documents and Settings\&lt;ユーザ名&gt;\Application Data\</code> を指します。隠しフォルダになっています。</p>
]]></content:encoded>
			<wfw:commentRss>http://futuremix.org/2007/04/thunderbird-line-height/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>IE で div の高さを 1px にする方法</title>
		<link>http://futuremix.org/2005/07/ie-div-height-1px</link>
		<comments>http://futuremix.org/2005/07/ie-div-height-1px#comments</comments>
		<pubDate>Sun, 24 Jul 2005 12:07:42 +0000</pubDate>
		<dc:creator>津田 ふみか</dc:creator>
				<category><![CDATA[ウェブデザイン]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[IE]]></category>

		<guid isPermaLink="false">http://futuremix.org/2005/07/ie-div-height-1px</guid>
		<description><![CDATA[
  こんなことに3日も悩んでしまった。div の height を 1px にしても、IE6 ではうまく表示されません。


  &#60;div style="width:100%;height:1px;backgro [...]]]></description>
			<content:encoded><![CDATA[<p>
  こんなことに3日も悩んでしまった。div の height を 1px にしても、IE6 ではうまく表示されません。
</p>
<pre class="html">
  &lt;div style="width:100%;height:1px;background-color:red;"&gt;&lt;/div&gt;
</pre>
<p>
  これは次のように表示されます。
</p>
<div style="width:100%;height:1px;background-color:red;"></div>
<p>
  Mozilla / Firefox では意図通りに高さが 1px になりますが、IE では1文字分の高さが確保されます。そこで font-size を小さくしたらいいのではないか思い、
</p>
<pre class="html">
  &lt;div style="width:100%;height:1px;background-color:red;<kbd>font-size:1px;</kbd>"&gt;&lt;/div&gt;
</pre>
<div style="width:100%;height:1px;background-color:red;font-size:1px;"></div>
<p>
  のようにしてみましたが、これでも 2px 分は表示されてしまいます。他にも font-size:0px や line-height:1px のようにしてみたのですが、うまくいきません。
</p>
<p>
  結局 overflow プロパティの問題だと気づき、次のようにしたところうまくいきました。
</p>
<pre class="html">
  &lt;div style="width:100%;height:1px;background-color:red;<kbd>overflow:hidden;</kbd>"&gt;&lt;/div&gt;
</pre>
<div style="width:100%;height:1px;background-color:red;overflow:hidden;"></div>
<p>
  つまり高さを 1px にしても、文字があると仮定され、はみ出して描画されていたわけです。</p>
]]></content:encoded>
			<wfw:commentRss>http://futuremix.org/2005/07/ie-div-height-1px/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>IE7.0 は標準準拠強化へ</title>
		<link>http://futuremix.org/2005/03/ie7-standards</link>
		<comments>http://futuremix.org/2005/03/ie7-standards#comments</comments>
		<pubDate>Sat, 12 Mar 2005 14:32:13 +0000</pubDate>
		<dc:creator>津田 ふみか</dc:creator>
				<category><![CDATA[Windows]]></category>
		<category><![CDATA[ウェブデザイン]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[IE]]></category>

		<guid isPermaLink="false">http://futuremix.org/2005/03/ie7-standards</guid>
		<description><![CDATA[
  眠れる巨人立つか: IE 7 が標準準拠へ &#8211; えむもじら経由、Web::Blogoscope: ［167］ IE 7ではWeb標準サポートが強化より。Internet Explorer 7 は標準準拠 [...]]]></description>
			<content:encoded><![CDATA[<p>
  <a href="http://level.s69.xrea.com/mozilla/index.cgi?id=20050310_IE7">眠れる巨人立つか: IE 7 が標準準拠へ &#8211; えむもじら</a>経由、<a title="Web::Blogoscope: ［167］ IE 7ではWeb標準サポートが強化" href="http://www.cybergarden.net/blog/archives/2005/03/ie167ie_ie_7awe.html">Web::Blogoscope: ［167］ IE 7ではWeb標準サポートが強化</a>より。Internet Explorer 7 は標準準拠が強化されるとのこと。
</p>
<blockquote cite="http://www.cybergarden.net/blog/archives/2005/03/ie167ie_ie_7awe.html">
<p>後方互換性にとらわれると Web標準サポートが徹底できないという事実を認識した上で、レンダリングモードが標準準拠モード（standards mode）の場合は互換性よりも準拠性を優先させ、過去互換モード（quirks mode）では文字どおり後方互換性を優先させるということである。</p>
</blockquote>
<p>
  少し前に「<a href="/2005/02/ie7">IE7.0が今夏登場へ</a>」という記事を書きましたが、その中で私は
</p>
<blockquote cite="/2005/02/ie7">
<p>IE7 が機能的に斬新的なものになるかどうかは分かりませんが、企業向けの Windows 2000 には対応しないことを考えると、互換性を維持するとは言いながら、実際には互換性はを多少犠牲にしても、先進的な機能を詰め込んでくることが考えられます。おそらくタブブラウジング、RSS には何らかの対応はあるでしょう。</p>
<p>CSS3 や XForms に対応してくる可能性もあります。その場合は Firefox と言えども再び窮地に立たされる可能性は高そうです。</p>
</blockquote>
<p>
  と予測してみました。別にこれは当てずっぽうではなく、いろいろな観測から書いているわけですが、やはり互換性をある程度無視しても <abbr title="Cascading Style Sheet">CSS</abbr> などの標準には準拠してきますね。ちなみに現在の IE でも CSS の writing-mode など先行（独自）実装がなされていますが、Firefox などでは対応されていない部分もあります。マイクロソフトの技術力は侮れませんので、他のブラウザも本気で挑まないとならなくなるでしょう。
</p>
<p>
  個人的には IE7 の標準準拠が強化されて、XHTML + CSS のきれいなコーディングがしやすくなれば言うこと無しです。</p>
]]></content:encoded>
			<wfw:commentRss>http://futuremix.org/2005/03/ie7-standards/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>CSSでサイドメニューや広告を印刷させない方法</title>
		<link>http://futuremix.org/2004/01/hidemenu</link>
		<comments>http://futuremix.org/2004/01/hidemenu#comments</comments>
		<pubDate>Sat, 31 Jan 2004 09:24:47 +0000</pubDate>
		<dc:creator>津田 ふみか</dc:creator>
				<category><![CDATA[MovableType]]></category>
		<category><![CDATA[ウェブデザイン]]></category>
		<category><![CDATA[CSS]]></category>

		<guid isPermaLink="false">http://futuremix.org/2004/01/hidemenu</guid>
		<description><![CDATA[
  このサイトは Movable Type を利用しています。ウェブログサイトなどでは、左または右にスペースを作って、メニューや記事一覧、広告などを表示しているのを多く見かけます。このサイトもその一例です。


  と [...]]]></description>
			<content:encoded><![CDATA[<p>
  このサイトは Movable Type を利用しています。ウェブログサイトなどでは、左または右にスペースを作って、メニューや記事一覧、広告などを表示しているのを多く見かけます。このサイトもその一例です。
</p>
<p>
  ところが印刷すると、本文は用紙1枚に収まるのに、横のメニューだけが2ページ目まで続いているということがよくあります。なんとも勿体ない話です。そもそも横のメニューはナビゲーションのために存在するので、印刷結果では不要な場合がほとんどです。
</p>
<p>
  そこで、右側に並んでいるメニューや、広告類が印刷されないようにしてみました。<a href="http://futuremix.org/">トップページ</a>などで「印刷プレビュー」してみるとわかると思います。
</p>
<p>
  これはスタイルシートを使ってデザインしているサイトなら簡単にできます。Movable Type のデフォルトテンプレートの場合は、スタイルシートの末尾に
</p>
<pre class="config">
  @media print {
      #links {
          display:none;
      }
      div#content {
          margin-left:0;
          width:auto;
      }
  }
</pre>
<p>
  という記述を加えるだけです。カスタマイズしていたり、他のテンプレートを利用している場合は、それに合わせて書き換えてください。
</p>
<p>
  他にもこのサイトでは印刷時に、広告を非表示にしたり、ブラウザが対応してればリンクの URI を括弧付きで後ろに印刷するようにしています。</p>
]]></content:encoded>
			<wfw:commentRss>http://futuremix.org/2004/01/hidemenu/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>『詳解 HTML&amp;XHTML&amp;CSS辞典』</title>
		<link>http://futuremix.org/2003/11/htmlbook</link>
		<comments>http://futuremix.org/2003/11/htmlbook#comments</comments>
		<pubDate>Mon, 10 Nov 2003 06:43:46 +0000</pubDate>
		<dc:creator>津田 ふみか</dc:creator>
				<category><![CDATA[ウェブデザイン]]></category>
		<category><![CDATA[書籍・本]]></category>
		<category><![CDATA[大藤幹]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[XHTML]]></category>

		<guid isPermaLink="false">http://futuremix.org/2003/11/htmlbook</guid>
		<description><![CDATA[
  


  今日は私の使っているオススメ HTML 本を紹介します。ZSPC の大藤幹さんが書かれた『詳解 HTML&#38;XHTML&#38;CSS辞典』です。W3C の仕様に沿った正しい HTML, CSS の [...]]]></description>
			<content:encoded><![CDATA[<div class="thumb">
  <a href="http://www.amazon.co.jp/exec/obidos/ASIN/4798002216/fumikajp-22/ref=nosim/"><img src="/images/20031110_htmlxhtmlcss.jpg" alt="詳解 HTML&amp;XHTML&amp;CSS辞典" width="100" height="141" /></a>
</div>
<p>
  今日は私の使っているオススメ HTML 本を紹介します。<a href="http://www.zspc.com/">ZSPC</a> の大藤幹さんが書かれた『<a href="http://www.amazon.co.jp/exec/obidos/ASIN/4798002216/fumikajp-22/ref=nosim/">詳解 HTML&amp;XHTML&amp;CSS辞典</a>』です。W3C の仕様に沿った正しい <abbr title="HyperText Markup Language">HTML</abbr>, <abbr title="Cascading Style Sheet">CSS</abbr> のリファレンスになっています。<br />
  <em>フルカラー</em>でコーディング例も多く、要素間の依存関係も一目で分かって便利です。
</p>
<p>
  これから HTML をはじめる人だけでなく、正しい HTML を知らない方、HTML は分かるけどスタイルシートは分からないという人にお勧めです。もちろんベテランの方にも使い勝手はよいと思います。私はこの本を手元に置いて HTML, CSS のコーディングをしています。
</p>
<p>
  HTML のタグリファレンス本はたくさんありますが、どれも同じではありません。世の中には、いまだに FONT タグの利用を推奨しているようないい加減な本が溢れています。  ぜひ正しい HTML の本を利用してください。私はこの一冊をお薦めします。 </p>
]]></content:encoded>
			<wfw:commentRss>http://futuremix.org/2003/11/htmlbook/feed</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
	</channel>
</rss>
