サイト（ブログ）ミニアレンジによりCSS見直し修正を行った。

現在のスキンはhnmを使用しているが、レイアウトの見直しによりＣＳＳ 1 linkの記述を追加して更にアレンジした。


このアレンジはトップページとアイテムページ両方を実施したが、今後のトップページ改編も見越しているので、双方共通のbase.cssに記述でなくそれぞれのtop.cssとpage.cssそれぞれに同じのものを書き込んでいる。


まず、そのひとつとしてExtraskinJP 1 linkやphpまたはtxt,incファイルのincludeを目的としてコンテナを増やす形となってます。



div#container_a{
float: left;
width: 100%;
position: relative;
}
div#content_a{
float: left;
width: 70%;
margin-left:0px;
}
div#side_a{
float: left;
width: 30%;
margin-left:0px;
}


上記は、左７０％と右３０％の２カラムを作成して、それぞれにExtraskinJPまたは外部からのtxt,incファイルをincludeするための記述である。



div#container_b{
float: left;
width: 100%;
position: relative;
}
div#content_b{
float: left;
width: 50%;
margin-left:0px;
}
div#side_b{
float: left;
width: 50%;
margin-left:0px;
}


この記述は、上記の枠内のものをフィフティフィフティいわゆる50%:50%としたもので、nucleusのプラグインの呼び出しまたは、広告も含めて外部からのファイルをincludeさせるための記述である。


cssについては、問題はないのだが、普段よりスキンの編集ページで追加や配置換えされたプラグインやinclude外部ファイルのhtml記述をチェックしていないと、FireFoxやgoogle　chromeのブラウザではレイアウトが崩れる可能性もあるので要注意！

また、ＣＳＳのmarginまたはpaddingの記述はPCユーザの多くがＩＥであるために少々の手抜きを行ってしまう可能性もあるために、この部分もチェックしておくこと。