<?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/"
		xmlns:xhtml="http://www.w3.org/1999/xhtml"
>

<channel>
	<title>新米デザイナーの日報&#124;design tracks &#187; HTML・XHTML</title>
	<atom:link href="http://design-tracks.com/category/study/html-xhtml/feed/" rel="self" type="application/rss+xml" />
	<link>http://design-tracks.com</link>
	<description>新米webデザイナーとして日々気づいたことや感じたこと、webやDTP問わずデザインについて学んだことなどをブログを通して紹介します。</description>
	<lastBuildDate>Thu, 26 Aug 2010 22:24:41 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://design-tracks.com/category/study/html-xhtml/feed/" />
		<item>
		<title>IEで表示確認する際に活用すると良いもの</title>
		<link>http://design-tracks.com/study/html-xhtml/ie%e3%81%a7%e8%a1%a8%e7%a4%ba%e7%a2%ba%e8%aa%8d%e3%81%99%e3%82%8b%e9%9a%9b%e3%81%ab%e6%b4%bb%e7%94%a8%e3%81%99%e3%82%8b%e3%81%a8%e8%89%af%e3%81%84%e3%82%82%e3%81%ae/</link>
		<comments>http://design-tracks.com/study/html-xhtml/ie%e3%81%a7%e8%a1%a8%e7%a4%ba%e7%a2%ba%e8%aa%8d%e3%81%99%e3%82%8b%e9%9a%9b%e3%81%ab%e6%b4%bb%e7%94%a8%e3%81%99%e3%82%8b%e3%81%a8%e8%89%af%e3%81%84%e3%82%82%e3%81%ae/#comments</comments>
		<pubDate>Thu, 26 Aug 2010 22:19:20 +0000</pubDate>
		<dc:creator>ts</dc:creator>
				<category><![CDATA[HTML・XHTML]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[IE]]></category>
		<category><![CDATA[XHTML]]></category>

		<guid isPermaLink="false">http://design-tracks.com/?p=606</guid>
		<description><![CDATA[				
				IEでデバック、検証する際に使っているものをピックアップしました。
				改めてな部分満載ですが。
				
				xray
				ブックマークレット型で見たい部分をクリックするとDOM属性を表示 [...]]]></description>
			<content:encoded><![CDATA[				<p>
				<p>IEでデバック、検証する際に使っているものをピックアップしました。<br />
				改めてな部分満載ですが。</p>
				<div>
				<h3><a href="http://westciv.com/xray/" target="_blank">xray</a></h3>
				<p>ブックマークレット型で見たい部分をクリックするとDOM属性を表示してくれます。<br />
				ただ、細かく数値を変更したりはできず確認するだけなので、あんまり使用することはないです。</p>
				</div>
				<div>
				<h3><a href="http://getfirebug.com/firebuglite" target="_blank">firebug lite</a></h3>
				<p>よく使うのはfirefoxのアドオンでもおなじみの、firebugですね。<br />
				こちらもブックマークレット型で、機能に制限はあるものの十分です。</p>
				</div>
				<div>
				<h3><a href="http://www.microsoft.com/downloads/details.aspx?FamilyID=e59c3964-672d-4511-bb3e-2d5e1db91038&#038;displaylang=en" target="_blank">IE Developer Toolbar</a></h3>
				<p>これはIEのアドオンでリリース当時はめちゃくちゃ使ってました。<br />
				firebug liteを知ってからあまり使わなくなりましたが、たまに使ってます。</p>
				</div>
				<p>少しずつIEとは仲良くなっているものの、相変わらず苦労する時があるのですが、上記のモノは重宝してます。</p></p>
]]></content:encoded>
			<wfw:commentRss>http://design-tracks.com/study/html-xhtml/ie%e3%81%a7%e8%a1%a8%e7%a4%ba%e7%a2%ba%e8%aa%8d%e3%81%99%e3%82%8b%e9%9a%9b%e3%81%ab%e6%b4%bb%e7%94%a8%e3%81%99%e3%82%8b%e3%81%a8%e8%89%af%e3%81%84%e3%82%82%e3%81%ae/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://design-tracks.com/study/html-xhtml/ie%e3%81%a7%e8%a1%a8%e7%a4%ba%e7%a2%ba%e8%aa%8d%e3%81%99%e3%82%8b%e9%9a%9b%e3%81%ab%e6%b4%bb%e7%94%a8%e3%81%99%e3%82%8b%e3%81%a8%e8%89%af%e3%81%84%e3%82%82%e3%81%ae/" />
	</item>
		<item>
		<title>Zen-Coding導入してみました。</title>
		<link>http://design-tracks.com/study/css/zen-coding%e5%b0%8e%e5%85%a5%e3%81%97%e3%81%a6%e3%81%bf%e3%81%be%e3%81%97%e3%81%9f%e3%80%82/</link>
		<comments>http://design-tracks.com/study/css/zen-coding%e5%b0%8e%e5%85%a5%e3%81%97%e3%81%a6%e3%81%bf%e3%81%be%e3%81%97%e3%81%9f%e3%80%82/#comments</comments>
		<pubDate>Thu, 18 Feb 2010 21:45:09 +0000</pubDate>
		<dc:creator>ts</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[HTML・XHTML]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[XHTML]]></category>

		<guid isPermaLink="false">http://design-tracks.com/?p=597</guid>
		<description><![CDATA[				
				個人的に最近目にしており、気になっていたので導入してみました。
				今回dreamweaverに導入しました。
				
				どういうものかというと（まだ慣れてないですが）、
				div#c [...]]]></description>
			<content:encoded><![CDATA[				<p>
				個人的に最近目にしており、気になっていたので導入してみました。<br />
				今回dreamweaverに導入しました。<br />
				<br />
				どういうものかというと（まだ慣れてないですが）、<br />
				div#container>ul.nav>li.item*3>a<br />
				<br />
				で、「control+,」<br />
				<br />
				<pre class="brush: xml;">
&lt;div id=&quot;container&quot;&gt;
&lt;ul class=&quot;nav&quot;&gt;
&lt;li class=&quot;item&quot;&gt;&lt;a href=&quot;&quot;&gt;&lt;/a&gt;&lt;/li&gt;
&lt;li class=&quot;item&quot;&gt;&lt;a href=&quot;&quot;&gt;&lt;/a&gt;&lt;/li&gt;
&lt;li class=&quot;item&quot;&gt;&lt;a href=&quot;&quot;&gt;&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/div&gt;
</pre>
				<br />
				のように展開してくれます。<br />
				サポートしているエディタも多いので、環境にはあまり左右されずにかつ、効率的に作業できそうです。</p>
]]></content:encoded>
			<wfw:commentRss>http://design-tracks.com/study/css/zen-coding%e5%b0%8e%e5%85%a5%e3%81%97%e3%81%a6%e3%81%bf%e3%81%be%e3%81%97%e3%81%9f%e3%80%82/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://design-tracks.com/study/css/zen-coding%e5%b0%8e%e5%85%a5%e3%81%97%e3%81%a6%e3%81%bf%e3%81%be%e3%81%97%e3%81%9f%e3%80%82/" />
	</item>
		<item>
		<title>CSSスプライトはスパム判定されるのかどうか</title>
		<link>http://design-tracks.com/study/css/css%e3%82%b9%e3%83%97%e3%83%a9%e3%82%a4%e3%83%88%e3%81%af%e3%82%b9%e3%83%91%e3%83%a0%e5%88%a4%e5%ae%9a%e3%81%95%e3%82%8c%e3%82%8b%e3%81%ae%e3%81%8b%e3%81%a9%e3%81%86%e3%81%8b/</link>
		<comments>http://design-tracks.com/study/css/css%e3%82%b9%e3%83%97%e3%83%a9%e3%82%a4%e3%83%88%e3%81%af%e3%82%b9%e3%83%91%e3%83%a0%e5%88%a4%e5%ae%9a%e3%81%95%e3%82%8c%e3%82%8b%e3%81%ae%e3%81%8b%e3%81%a9%e3%81%86%e3%81%8b/#comments</comments>
		<pubDate>Fri, 18 Dec 2009 16:48:50 +0000</pubDate>
		<dc:creator>ts</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[HTML・XHTML]]></category>
		<category><![CDATA[HTML]]></category>

		<guid isPermaLink="false">http://design-tracks.com/?p=590</guid>
		<description><![CDATA[				
				先日googleのWebmaster Central Blogにて、cssを使用してtext-indent:-9999px;などとするやり方が良いかどうかということが書かれていました。
				
			 [...]]]></description>
			<content:encoded><![CDATA[				<p>
				先日googleの<a href="http://googlewebmastercentral-ja.blogspot.com/">Webmaster Central Blog</a>にて、cssを使用してtext-indent:-9999px;などとするやり方が良いかどうかということが書かれていました。<br />
				</p>
				<blockquote><p>判断に迷った際は、「たとえ検索エンジンが存在しなくてもそのテキストを書いたかどうか」と考えてみてください。もし検索エンジンが存在しなくても、そのテキストがユーザーの利便性のために必要なものであると思われる場合、おそらくそれはガイドライン違反ではありません。</p></blockquote>
				<p>
				ということなので、googleではスパムと判定されないと見ていいのかもしれません。<br />
				合わせてCSSの話が上がっていたので、もしかしたらCSSの内容も見られているのかなと気になるのですが、わかりませんでした。<br />
				<br />
				CSSスプライトを使用することで、サイト表示速度がずいぶん良くなったと聞いたこともあるので、社内で使用するかどうか検討していきたいと思います。<br />
				<br />
				現在サイト高速化＋SEO施策を考える為に、いろんな人に情報を共有してもらったりしています。マークアップやCSSコーディングをする際に、その辺の知識があるのとないのとでは随分違いがあるので、時間があるときに今まで組んだものも見直していきたいと思います。</p>
]]></content:encoded>
			<wfw:commentRss>http://design-tracks.com/study/css/css%e3%82%b9%e3%83%97%e3%83%a9%e3%82%a4%e3%83%88%e3%81%af%e3%82%b9%e3%83%91%e3%83%a0%e5%88%a4%e5%ae%9a%e3%81%95%e3%82%8c%e3%82%8b%e3%81%ae%e3%81%8b%e3%81%a9%e3%81%86%e3%81%8b/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://design-tracks.com/study/css/css%e3%82%b9%e3%83%97%e3%83%a9%e3%82%a4%e3%83%88%e3%81%af%e3%82%b9%e3%83%91%e3%83%a0%e5%88%a4%e5%ae%9a%e3%81%95%e3%82%8c%e3%82%8b%e3%81%ae%e3%81%8b%e3%81%a9%e3%81%86%e3%81%8b/" />
	</item>
		<item>
		<title>先日作成した印刷用CSS</title>
		<link>http://design-tracks.com/study/css/%e5%85%88%e6%97%a5%e4%bd%9c%e6%88%90%e3%81%97%e3%81%9f%e5%8d%b0%e5%88%b7%e7%94%a8css/</link>
		<comments>http://design-tracks.com/study/css/%e5%85%88%e6%97%a5%e4%bd%9c%e6%88%90%e3%81%97%e3%81%9f%e5%8d%b0%e5%88%b7%e7%94%a8css/#comments</comments>
		<pubDate>Sun, 25 Oct 2009 12:03:51 +0000</pubDate>
		<dc:creator>ts</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[HTML・XHTML]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[IE]]></category>

		<guid isPermaLink="false">http://design-tracks.com/?p=517</guid>
		<description><![CDATA[				
				先日ほぼ社内用ですが印刷用CSSを作成したので備忘録までに。
				簡単な用件は社内向けということで、
				・対象ブラウザ→IE6、Firefox3.x
				・対象ページ　→簡単な計算式の結果 [...]]]></description>
			<content:encoded><![CDATA[				<p>
				先日ほぼ社内用ですが印刷用CSSを作成したので備忘録までに。<br />
				簡単な用件は社内向けということで、<br />
				・対象ブラウザ→IE6、Firefox3.x<br />
				・対象ページ　→簡単な計算式の結果画面<br />
				<br />
				そんなところで、とりあえず印刷できればいいという感じでした。<br />
				なんで、即席ですが大体以下のようになりました。<br />
				<pre class="brush: css;">
/*print*/
@media print {
body  {
      background:#fff;
      color:#000;
      font-size:12pt;
      zoom:87%;/*ie*/
}

不要な画像 {
      display:none;
}

モノクロ以外の色がついているテキスト {
      color:#000 !important;
}

table,
tr,
td {
      border-collapse:collapse;
      border-spacing:0;
      border:1px solid #666;
}

}
</pre>
				<br />
				もっといろいろと指定していますがざっくりとこんな感じです。<br />
				ポイントは、<br />
				・IE用にzoom指定<br />
				・不要な画像は非表示<br />
				・色はモノクロに<br />
				・リンクは非表示または、underlineを付けたりアドレスを出したり<br />
				ぐらいですかね。後は必要に応じて線を入れると見やすくなるときもあります。<br />
				注意すべきは、印刷用としてファイルを分けていないので、このやり方だとMac版IEでは認識してくれないみたいです。<br />
				<br />
				あまり印刷用CSSを作成する場面はないので、頼まれるごとに戸惑いますが、印刷したときに自分の思い通りに印刷されるととても気持ちがいいです。</p>
]]></content:encoded>
			<wfw:commentRss>http://design-tracks.com/study/css/%e5%85%88%e6%97%a5%e4%bd%9c%e6%88%90%e3%81%97%e3%81%9f%e5%8d%b0%e5%88%b7%e7%94%a8css/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://design-tracks.com/study/css/%e5%85%88%e6%97%a5%e4%bd%9c%e6%88%90%e3%81%97%e3%81%9f%e5%8d%b0%e5%88%b7%e7%94%a8css/" />
	</item>
		<item>
		<title>html5の勉強会に行ってきました。</title>
		<link>http://design-tracks.com/study/html-xhtml/html5%e3%81%ae%e5%8b%89%e5%bc%b7%e4%bc%9a%e3%81%ab%e8%a1%8c%e3%81%a3%e3%81%a6%e3%81%8d%e3%81%be%e3%81%97%e3%81%9f%e3%80%82/</link>
		<comments>http://design-tracks.com/study/html-xhtml/html5%e3%81%ae%e5%8b%89%e5%bc%b7%e4%bc%9a%e3%81%ab%e8%a1%8c%e3%81%a3%e3%81%a6%e3%81%8d%e3%81%be%e3%81%97%e3%81%9f%e3%80%82/#comments</comments>
		<pubDate>Tue, 01 Sep 2009 23:33:38 +0000</pubDate>
		<dc:creator>ts</dc:creator>
				<category><![CDATA[HTML・XHTML]]></category>
		<category><![CDATA[セミナー・カンファレンス]]></category>

		<guid isPermaLink="false">http://design-tracks.com/?p=440</guid>
		<description><![CDATA[				
				会場について気づいたのですが、周りは開発者の方ばかり。。。
				どうやら開発者のため勉強会だったようです。なんで、APIやプラットフォームの話やら、私には小難しい話がありました。ですが、HTML5と [...]]]></description>
			<content:encoded><![CDATA[				<p>
				会場について気づいたのですが、周りは開発者の方ばかり。。。<br />
				どうやら開発者のため勉強会だったようです。なんで、APIやプラットフォームの話やら、私には小難しい話がありました。ですが、HTML5とはなんぞやという話がメインだったので、理解できる内容でした。<br />
				<br />
				勉強会を受けてからの簡単な感想ですが、新しいもの好きなデザイナー、プログラマーが騒いでいるだけで、実際HTML5の習得時期はまだ先延ばしにしてもいいなと感じました。まだ仕様が固まっていないところもありますし。<br />
				<br />
				他には、テキストにドロップシャドウをタグで指定できたりと、すごいようで実際使わなそうなタグがちらほら。<br />
				正直タグでそんなことしなくても、と思った程でした。個人サイトなどには使っても面白いかなと思います。普及していくにつれいろんな挑戦をしてくるサイトが出てくると思うので、何ができるのかを把握できたらいいです。</p>
]]></content:encoded>
			<wfw:commentRss>http://design-tracks.com/study/html-xhtml/html5%e3%81%ae%e5%8b%89%e5%bc%b7%e4%bc%9a%e3%81%ab%e8%a1%8c%e3%81%a3%e3%81%a6%e3%81%8d%e3%81%be%e3%81%97%e3%81%9f%e3%80%82/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://design-tracks.com/study/html-xhtml/html5%e3%81%ae%e5%8b%89%e5%bc%b7%e4%bc%9a%e3%81%ab%e8%a1%8c%e3%81%a3%e3%81%a6%e3%81%8d%e3%81%be%e3%81%97%e3%81%9f%e3%80%82/" />
	</item>
		<item>
		<title>カッコいいソーセージ</title>
		<link>http://design-tracks.com/study/html-xhtml/%e3%82%ab%e3%83%83%e3%82%b3%e3%81%84%e3%81%84%e3%82%bd%e3%83%bc%e3%82%bb%e3%83%bc%e3%82%b8/</link>
		<comments>http://design-tracks.com/study/html-xhtml/%e3%82%ab%e3%83%83%e3%82%b3%e3%81%84%e3%81%84%e3%82%bd%e3%83%bc%e3%82%bb%e3%83%bc%e3%82%b8/#comments</comments>
		<pubDate>Thu, 06 Aug 2009 13:41:23 +0000</pubDate>
		<dc:creator>ts</dc:creator>
				<category><![CDATA[HTML・XHTML]]></category>
		<category><![CDATA[参考サイト]]></category>

		<guid isPermaLink="false">http://design-tracks.com/?p=386</guid>
		<description><![CDATA[				
				
				
				ソーセージが踊ってます。
				
				
]]></description>
			<content:encoded><![CDATA[				<p>
				<a href="http://www.marudai.jp/fishmanbrothers/"><img class="alignleft size-full wp-image-387" title="marudai" src="http://design-tracks.com/wp-content/uploads/2009/08/marudai.jpg" alt="marudai" width="478" height="424" /></a><br />
				<br />
				ソーセージが踊ってます。<br />
				<br />
				<iframe src="http://www.marudai.jp/fishmanbrothers/blogparts/" frameBorder="0" scrolling="no" width="200" height="380"></iframe></p>
]]></content:encoded>
			<wfw:commentRss>http://design-tracks.com/study/html-xhtml/%e3%82%ab%e3%83%83%e3%82%b3%e3%81%84%e3%81%84%e3%82%bd%e3%83%bc%e3%82%bb%e3%83%bc%e3%82%b8/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://design-tracks.com/study/html-xhtml/%e3%82%ab%e3%83%83%e3%82%b3%e3%81%84%e3%81%84%e3%82%bd%e3%83%bc%e3%82%bb%e3%83%bc%e3%82%b8/" />
	</item>
		<item>
		<title>IE7、8でリストに隙間ができる</title>
		<link>http://design-tracks.com/study/css/ie7%e3%80%818%e3%81%a7%e3%83%aa%e3%82%b9%e3%83%88%e3%81%ab%e9%9a%99%e9%96%93%e3%81%8c%e3%81%a7%e3%81%8d%e3%82%8b/</link>
		<comments>http://design-tracks.com/study/css/ie7%e3%80%818%e3%81%a7%e3%83%aa%e3%82%b9%e3%83%88%e3%81%ab%e9%9a%99%e9%96%93%e3%81%8c%e3%81%a7%e3%81%8d%e3%82%8b/#comments</comments>
		<pubDate>Sat, 18 Jul 2009 03:05:12 +0000</pubDate>
		<dc:creator>ts</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[HTML・XHTML]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[XHTML]]></category>
		<category><![CDATA[コーディング]]></category>

		<guid isPermaLink="false">http://design-tracks.com/?p=349</guid>
		<description><![CDATA[				
				先日サイドナビゲーションの部分でつまずいたので、備忘録程度に書いておきます。
				デザインとしては、各都道府県が書かれた画像をサイドバーに、縦にずらーっと並べる形なんですが、
				IE7、8以外 [...]]]></description>
			<content:encoded><![CDATA[				<p>
				先日サイドナビゲーションの部分でつまずいたので、備忘録程度に書いておきます。<br />
				デザインとしては、各都道府県が書かれた画像をサイドバーに、縦にずらーっと並べる形なんですが、<br />
				IE7、8以外だとこんな感じでも問題ないです↓<br />
				<br />
				■html<br />
				<br />
				<pre class="brush: xml;">
&lt;ul&gt;
&lt;li&gt;&lt;a href=&quot;&quot;&gt;&lt;img src=&quot;&quot; /&gt;&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;&quot;&gt;&lt;img src=&quot;&quot; /&gt;&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;&quot;&gt;&lt;img src=&quot;&quot; /&gt;&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;&quot;&gt;&lt;img src=&quot;&quot; /&gt;&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;&quot;&gt;&lt;img src=&quot;&quot; /&gt;&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;&quot;&gt;&lt;img src=&quot;&quot; /&gt;&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;&quot;&gt;&lt;img src=&quot;&quot; /&gt;&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;&quot;&gt;&lt;img src=&quot;&quot; /&gt;&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&quot;&quot;&gt;&lt;img src=&quot;&quot; /&gt;&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
</pre>
				<br />
				■CSS<br />
				<br />
				<pre class="brush: css;">
ul {
list-style:none;
}

li {
margin-bottom:2px;
}
</pre>
				<br />
				<span id="more-349"></span><br />
				<br />
				まあすごい簡単な感じにCSSも書いてありますが。サイトによってリセットCSSが入っている場合が多いので諸々の部分は省いております。<br />
				<br />
				この際IE7で見ちゃうと大変なことに画像間の余白が予定より広くなることがありますので、<br />
				そのときの解決策はliに大してfont-size:1%;のようにするとなおります。<br />
				<br />
				しかし、このままでは、IE8でリスト4個置きぐらいに3px程度余計に余白が付くことがありますので、さらにliとその中のaに追記します。<br />
				<br />
				<pre class="brush: css;">
li {
line-height:0;
font-size:1%;
margin-bottom:2px;
}

li a {
line-height:normal;
}
</pre>
				<br />
				これでオッケーです。<br />
				まだまだIE問題は大変そうです。</p>
]]></content:encoded>
			<wfw:commentRss>http://design-tracks.com/study/css/ie7%e3%80%818%e3%81%a7%e3%83%aa%e3%82%b9%e3%83%88%e3%81%ab%e9%9a%99%e9%96%93%e3%81%8c%e3%81%a7%e3%81%8d%e3%82%8b/feed/</wfw:commentRss>
		<slash:comments>6</slash:comments>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://design-tracks.com/study/css/ie7%e3%80%818%e3%81%a7%e3%83%aa%e3%82%b9%e3%83%88%e3%81%ab%e9%9a%99%e9%96%93%e3%81%8c%e3%81%a7%e3%81%8d%e3%82%8b/" />
	</item>
		<item>
		<title>XHTMLのことは気にせずにHTMLに移行してもいい？</title>
		<link>http://design-tracks.com/study/html-xhtml/xhtml%e3%81%ae%e3%81%93%e3%81%a8%e3%81%af%e6%b0%97%e3%81%ab%e3%81%9b%e3%81%9a%e3%81%abhtml%e3%81%ab%e7%a7%bb%e8%a1%8c%e3%81%97%e3%81%a6%e3%82%82%e3%81%84%e3%81%84%ef%bc%9f/</link>
		<comments>http://design-tracks.com/study/html-xhtml/xhtml%e3%81%ae%e3%81%93%e3%81%a8%e3%81%af%e6%b0%97%e3%81%ab%e3%81%9b%e3%81%9a%e3%81%abhtml%e3%81%ab%e7%a7%bb%e8%a1%8c%e3%81%97%e3%81%a6%e3%82%82%e3%81%84%e3%81%84%ef%bc%9f/#comments</comments>
		<pubDate>Sat, 04 Jul 2009 10:39:25 +0000</pubDate>
		<dc:creator>ts</dc:creator>
				<category><![CDATA[HTML・XHTML]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[XHTML]]></category>

		<guid isPermaLink="false">http://design-tracks.com/?p=259</guid>
		<description><![CDATA[				
				先日「マイコミジャーナル」にて記事を見つけました↓
				
				http://journal.mycom.co.jp/news/2009/07/03/041/index.html
				
			 [...]]]></description>
			<content:encoded><![CDATA[				<p>
				先日「<a href="http://journal.mycom.co.jp/">マイコミジャーナル</a>」にて記事を見つけました↓<br />
				<br />
				<div class="mj-articles">http://journal.mycom.co.jp/news/2009/07/03/041/index.html</div>
				<script type="text/javascript" src="http://api.journal.mycom.co.jp/tensai/mj-tensai-single.js"></script>
				やっとほとんどのサイトがXHTMLの1.0や1.1で制作されているのにここでかと残念に思っていたのですが、<br />
				HTMLに移行しても問題なさげな気がします。<br />
				5は互換性があるみたいなので現状HTMLで組まれているサイトに関しては作業工数はかからなそうですね、<br />
				逆にXHTMLの場合は地味に工数が掛かってしまいますが。まあそれだけのメリットがある場合はうちの会社でも変える必要がでてくるかなと。</p>
]]></content:encoded>
			<wfw:commentRss>http://design-tracks.com/study/html-xhtml/xhtml%e3%81%ae%e3%81%93%e3%81%a8%e3%81%af%e6%b0%97%e3%81%ab%e3%81%9b%e3%81%9a%e3%81%abhtml%e3%81%ab%e7%a7%bb%e8%a1%8c%e3%81%97%e3%81%a6%e3%82%82%e3%81%84%e3%81%84%ef%bc%9f/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://design-tracks.com/study/html-xhtml/xhtml%e3%81%ae%e3%81%93%e3%81%a8%e3%81%af%e6%b0%97%e3%81%ab%e3%81%9b%e3%81%9a%e3%81%abhtml%e3%81%ab%e7%a7%bb%e8%a1%8c%e3%81%97%e3%81%a6%e3%82%82%e3%81%84%e3%81%84%ef%bc%9f/" />
	</item>
		<item>
		<title>複数のブラウザ（IE6/7/8など）で確認できる「Xenocode Browser」</title>
		<link>http://design-tracks.com/study/css/%e8%a4%87%e6%95%b0%e3%81%ae%e3%83%96%e3%83%a9%e3%82%a6%e3%82%b6%ef%bc%88ie678%e3%81%aa%e3%81%a9%ef%bc%89%e3%81%a7%e7%a2%ba%e8%aa%8d%e3%81%a7%e3%81%8d%e3%82%8b%e3%80%8cxenocode-browser%e3%80%8d/</link>
		<comments>http://design-tracks.com/study/css/%e8%a4%87%e6%95%b0%e3%81%ae%e3%83%96%e3%83%a9%e3%82%a6%e3%82%b6%ef%bc%88ie678%e3%81%aa%e3%81%a9%ef%bc%89%e3%81%a7%e7%a2%ba%e8%aa%8d%e3%81%a7%e3%81%8d%e3%82%8b%e3%80%8cxenocode-browser%e3%80%8d/#comments</comments>
		<pubDate>Mon, 22 Jun 2009 13:40:52 +0000</pubDate>
		<dc:creator>ts</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[HTML・XHTML]]></category>
		<category><![CDATA[参考サイト]]></category>
		<category><![CDATA[Firefox]]></category>
		<category><![CDATA[IE]]></category>

		<guid isPermaLink="false">http://design-tracks.com/?p=166</guid>
		<description><![CDATA[				
				
				
				久々に「これイイ！！」というものに出会いました。会社の人に教えてもらったのですが、これさえあればIEのチェックは問題ないようです。他にもスタンドアローン版やIE3ぐらい〜IE6までセ [...]]]></description>
			<content:encoded><![CDATA[				<p>
				<a href="http://www.xenocode.com/browsers/"><img src="http://design-tracks.com/wp-content/uploads/2009/06/run-ie8-ie7-ie6-firefox-safari-chrome-and-opera-from-the-web.jpg" alt="run-ie8-ie7-ie6-firefox-safari-chrome-and-opera-from-the-web" title="run-ie8-ie7-ie6-firefox-safari-chrome-and-opera-from-the-web" width="478" height="346" class="alignleft size-full wp-image-167" /></a><br />
				<br />
				久々に「これイイ！！」というものに出会いました。会社の人に教えてもらったのですが、これさえあればIEのチェックは問題ないようです。他にもスタンドアローン版やIE3ぐらい〜IE6までセットになったものを使用したことはあるのですが、これは確認するときに緑のボタンをクリックすればすぐさま確認ができますし、パソコンに変なソフトをインストールしたりする必要もありません。<br />
				今後は有効に使っていきたいと思います。</p>
]]></content:encoded>
			<wfw:commentRss>http://design-tracks.com/study/css/%e8%a4%87%e6%95%b0%e3%81%ae%e3%83%96%e3%83%a9%e3%82%a6%e3%82%b6%ef%bc%88ie678%e3%81%aa%e3%81%a9%ef%bc%89%e3%81%a7%e7%a2%ba%e8%aa%8d%e3%81%a7%e3%81%8d%e3%82%8b%e3%80%8cxenocode-browser%e3%80%8d/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://design-tracks.com/study/css/%e8%a4%87%e6%95%b0%e3%81%ae%e3%83%96%e3%83%a9%e3%82%a6%e3%82%b6%ef%bc%88ie678%e3%81%aa%e3%81%a9%ef%bc%89%e3%81%a7%e7%a2%ba%e8%aa%8d%e3%81%a7%e3%81%8d%e3%82%8b%e3%80%8cxenocode-browser%e3%80%8d/" />
	</item>
		<item>
		<title>float前のコメントにやられました。</title>
		<link>http://design-tracks.com/study/css/float%e5%89%8d%e3%81%ae%e3%82%b3%e3%83%a1%e3%83%b3%e3%83%88%e3%81%ab%e3%82%84%e3%82%89%e3%82%8c%e3%81%be%e3%81%97%e3%81%9f%e3%80%82/</link>
		<comments>http://design-tracks.com/study/css/float%e5%89%8d%e3%81%ae%e3%82%b3%e3%83%a1%e3%83%b3%e3%83%88%e3%81%ab%e3%82%84%e3%82%89%e3%82%8c%e3%81%be%e3%81%97%e3%81%9f%e3%80%82/#comments</comments>
		<pubDate>Thu, 04 Jun 2009 18:06:16 +0000</pubDate>
		<dc:creator>ts</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[HTML・XHTML]]></category>
		<category><![CDATA[IE]]></category>
		<category><![CDATA[コーディング]]></category>
		<category><![CDATA[サイト]]></category>

		<guid isPermaLink="false">http://www.design-tracks.com/?p=116</guid>
		<description><![CDATA[				
				先日IE6でボックス内の要素が溢れちゃって、解決するのに無駄に時間をかけてしまいました。原因は、floatする要素の前にコメントがあることによって、溢れちゃうみたいです。
				いやーなんかこんなんで [...]]]></description>
			<content:encoded><![CDATA[				<p>
				先日IE6でボックス内の要素が溢れちゃって、解決するのに無駄に時間をかけてしまいました。原因は、floatする要素の前にコメントがあることによって、溢れちゃうみたいです。<br />
				いやーなんかこんなんで考えてしまう自分が情けないです。もっと勉強をしなくては！！<br />
				最近会社には新卒が入ってきて、スキルは自分よりもはるかに高くていいプレッシャーになっています。<br />
				<br />
				ここ数日先にかかえているサイト改修がとても不安です。ページ数自体は50前後と決して多くはないのですが、なんせ自分一人でやんなくてはいけなく…何からやれば良いのか。現在CSS、JavaScript、PHPの影響範囲などを洗い出したり、コーディングガイドラインの作成を同時に進めていこうかなと計画しています。これを乗り越えれれば少しは入社当初に比べれば成長したかななんて思えるのかなと、越えなくてはならない壁って感じです。</p>
]]></content:encoded>
			<wfw:commentRss>http://design-tracks.com/study/css/float%e5%89%8d%e3%81%ae%e3%82%b3%e3%83%a1%e3%83%b3%e3%83%88%e3%81%ab%e3%82%84%e3%82%89%e3%82%8c%e3%81%be%e3%81%97%e3%81%9f%e3%80%82/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://design-tracks.com/study/css/float%e5%89%8d%e3%81%ae%e3%82%b3%e3%83%a1%e3%83%b3%e3%83%88%e3%81%ab%e3%82%84%e3%82%89%e3%82%8c%e3%81%be%e3%81%97%e3%81%9f%e3%80%82/" />
	</item>
	</channel>
</rss>
