上記の広告は１ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

久方ぶりに休みを使ってコーディングをカタカタ...。
ヤバイ、本の知識だけじゃ駄目です。やっぱり実際の経験がものを言います...。

CSSに関してなんですが、divのidとclassがごっちゃであります。
どのレベルからがclassになって、どのレベルからがidになるのかというセオリーをいまいち理解できていないようです。
うん。いままで適当なコーディングを行ってきた罰ですな、これは。

一応、グデグデのXHTMLとCSSを置いてみたり...。
あまり商用なんかに使えるデザインのCSSじゃぁありません。


reset_design.css

@charset "UTF-8"
/* ==========================
    Author and Copyright
	    Author: l0v0lxxx
		Created: 2009-06-27
========================== */

* {
	margin: 0;
	padding: 0;
	line-height: 1.6;
	color: #000;
	font-style: normal;
	font-weight: normal;
	font-size: 100%;
}

base_design.css

@charset "UTF-8"
/* ==========================
    Author and Copyright
	    Author: l0v0lxxx
		Created: 2009-06-27
========================== */

body{
}
  #container{
    position:absolute;
    left: 50%;
    top: 50%;
    margin-left: -400px;
    margin-top: -300px;
    width:800px;
    height:600px;
  }

main_desing.css

@charset "UTF-8"
/* =============================
    Author and Copyright
	    Author: l0v0lxxx
		Created: 2009-06-27
============================= */

@import url("reset_design.css");
@import url("base_design.css");

* {
  color: #333;
  font-size: 13px;
  font-family: Arial, Helvetica, sans-serif;
}

body {

}

h1 {
  
}

h2 {
  
}

p {
  margin: 0 0 0.5em 0.5em;
  line-height: 1.5;
  text-align: left;
}

a:link { color: #3399cc; }
a:visited { color: #339933; }
a:hover { color: #339933; }
a:active { color: #3399cc; }

strong {
  color: #fc0082;
  font-weight: bold;
}

div#contents {
  margin: 10px 0 0 0;
}

div#leftContents {
  float: left;
  width: 500px;
}

div#rightContents {
  float: right;
  width: 280px;
  margin: 0 0 0 20px;
}

.flame {
  width:500px;
  height:240px;
  overflow:auto;
}

index.html

  
    
    
    
    
    
    
  
  
    

	  

        

		

	      

		  

	        
サンプル
		    
サンプル
		    
サンプル
		    
サンプル
		    
サンプル
		    
サンプル
		    
サンプル
		    
サンプル
		    
サンプル
		   
サンプル
			
サンプル
			
サンプル
		  
		
	  
	  

	    

	      

	      
サンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキスト
		  
サンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキストサンプルテキスト
		  
サンプルテキスト
		  
サンプルテキストサンプルテキスト
		
		

	      

	      
お問い合わせ
		
	  
    
  

XHTMLファイルのCSS読み込み部分以前のtitleやらメタ情報が全て表示されないという、「これ何故現象」が発生...。
あれ？htmlタグもbodyタグも無いぞな...。
＜！--FC2 Management--＞ ってなんぞな...。
ん〜...。