<?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>Chibiの覚え書き &#187; css</title>
	<atom:link href="http://ilovechibi.net/category/css/feed" rel="self" type="application/rss+xml" />
	<link>http://ilovechibi.net</link>
	<description>web制作とかcssとかデザインとか色々～な覚え書き</description>
	<lastBuildDate>Tue, 05 Jan 2010 01:44:23 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.2</generator>
	<language>ja</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>CSS：画面中央配置</title>
		<link>http://ilovechibi.net/200901/139.html</link>
		<comments>http://ilovechibi.net/200901/139.html#comments</comments>
		<pubDate>Mon, 19 Jan 2009 04:09:31 +0000</pubDate>
		<dc:creator>chibi</dc:creator>
				<category><![CDATA[css]]></category>
		<category><![CDATA[人にやさしく]]></category>

		<guid isPermaLink="false">http://ilovechibi.net/?p=139</guid>
		<description><![CDATA[需要は無いと思いますが・・。


body{
    background-image:url(img/body_bg.gif);
    margin:0px;
    padding:0px;
}
/*今回は600* [...]]]></description>
			<content:encoded><![CDATA[<p>需要は無いと思いますが・・。<br />
<span id="more-139"></span></p>
<pre class="brush: css;">
body{
    background-image:url(img/body_bg.gif);
    margin:0px;
    padding:0px;
}
/*今回は600*400のBOXを画面中央に配置*/
div#main{
    background-image:url(img/main_bg.jpg);
    overflow:auto;
    height:400px;
    width:600px;
    position:absolute;
    top:50%;
    left:50%;
    margin-top:-200px;
    margin-left:-300px;
}
</pre>
<p></br><br />
あんまり使わないと思うけど。<br/><br />
    position:absolute;<br />
    top:50%;<br />
    left:50%;<br />
この３行で、#mainの<span style="color:red;">左上</span>を画面ど真ん中へ。<br/><br />
    margin-top:-200px;<br />
    margin-left:-300px;<br />
この2行で、600*400のBOXの半分ずつをマイナスして、<br />
#mainの真ん中を画面の真ん中へ</p>
]]></content:encoded>
			<wfw:commentRss>http://ilovechibi.net/200901/139.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>cssハック IEなんて大嫌い・・default.css</title>
		<link>http://ilovechibi.net/200812/28.html</link>
		<comments>http://ilovechibi.net/200812/28.html#comments</comments>
		<pubDate>Sat, 27 Dec 2008 05:29:27 +0000</pubDate>
		<dc:creator>chibi</dc:creator>
				<category><![CDATA[css]]></category>
		<category><![CDATA[cssハック]]></category>
		<category><![CDATA[default.css]]></category>
		<category><![CDATA[IE]]></category>
		<category><![CDATA[IE6]]></category>

		<guid isPermaLink="false">http://ilovechibi.net/?p=28</guid>
		<description><![CDATA[人それぞれ、cssの初期値を合わせる為のdefaultのcssを持っていると思います。
そんな訳で、自分の使ってるデフォルトのcssを。


/*---------------------------------------------

Default CSS
author:chibi

---------------------------------------------*/
/* important */

body {
  font:13px/1.231 arial,helvetica,clean,sans-serif;
  *font-size:small;
  *font:x-small;
}

table{
  font-size:inherit;font:100%;
}

pre,code,kbd,samp,tt{
  font-family:monospace;
  *font-size:108%;
  line-height:100%;
}

html {
  overflow-y: scroll;
}

*{
}

/* clearfix */
.clearfix:after {
   content: &#34;.&#34;;
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;
}
.clearfix { display: inline-block; }
/* exlude MacIE5 \*/
* html [...]]]></description>
			<content:encoded><![CDATA[<p>人それぞれ、cssの初期値を合わせる為のdefaultのcssを持っていると思います。<br />
そんな訳で、自分の使ってるデフォルトのcssを。<br />
<span id="more-28"></span></p>
<pre class="brush: css;">
/*---------------------------------------------

Default CSS
author:chibi

---------------------------------------------*/
/* important */

body {
  font:13px/1.231 arial,helvetica,clean,sans-serif;
  *font-size:small;
  *font:x-small;
}

table{
  font-size:inherit;font:100%;
}

pre,code,kbd,samp,tt{
  font-family:monospace;
  *font-size:108%;
  line-height:100%;
}

html {
  overflow-y: scroll;
}

*{
}

/* clearfix */
.clearfix:after {
   content: &quot;.&quot;;
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;
}
.clearfix { display: inline-block; }
/* exlude MacIE5 \*/
* html .clearfix { height: 1% }
.clearfix {display:block;}
/* end MacIE5 */

/* Reset */

body, div, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ul, ol, li,
brockquote, pre, table, caption, address,
form, fieldset, legend, object,img {
  margin: 0;
  padding: 0;
}

h5, h6, pre, table, code, kbd, samp, acronym, input, textarea {
  font-size: 100%;
}

a, ins {
  text-decoration: none;
}

address, em, cite, dfn, var {
  font-style: normal;
}

input, textarea {
  font-family: sans-serif;
  font-weight: normal;
}

img {
  vertical-align: baseline;
}

a img {
  border: none;
}

/* Setting */

body {
	line-height: 1.5;
	color: #333;
	background-color: #fff;
	font-family: Arial, Helvetica, sans-serif;
}

* html body { /* for IE6 */
  font-size: small;
}

*:first-child+html body { /* for IE7 */
  font-size: small;
}

ul {
  list-style-position: outside;
  list-style-type: none;
}

ol {
  list-style-position: outside;
}

table {
  border-collapse: collapse;
}

legend {
  color: #333;
}

div#main p,
div#main ol,
div#main dl,
div#main blockquote,
div#main pre,
 {
  margin: 3px 0;
}
.clear{
	clear:both;
}

/* Option *//*

* html .smallFont {
  font-family: 'メイリオ', 'ＭＳ Ｐゴシック', sans-serif;
}

*:first-child+html .smallFont {
  font-family: 'メイリオ', 'ＭＳ Ｐゴシック', sans-serif;
}

* html ul li dl,
* html ol li dl {
  display: inline;
}

*:first-child+html ul li dl,
*:first-child+html ol li dl {
  display: inline;
}

*/

/*---------------------------------------------

Font Size

20px : 154%
18px : 139%
16px : 124%
15px : 116%
14px : 108%
13px : 100%
12px :  93%
11px :  85%

---------------------------------------------*/
</pre>
<p>何回もいじってますが、未だに定まらない。<br />
とりあえず、2008年版ということで。</p>
]]></content:encoded>
			<wfw:commentRss>http://ilovechibi.net/200812/28.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
