fc2ブログ

改装しましたっといっても外見変わりません&htmlの話

こんばんは 朝早くに行ったのにハローは大行列です。一体何時に行ったら空いてるものやら;

・日記
さて今日はサイトの改装作業をしました、っといっても外見上は一切変わりまっせん
余り宜しくないっと言われてるテーブル(table)レイアウトからブロック(div)レイアウトに変更したのです
といっても全部変更したわけでもないです。イラスト掲載用のページやLivle、履歴、リンクページ等は
未だtableだったりします。絵の方は数が多すぎるので次回からの更新作品のページをtable使わない
で作成するようにしていきます(出来る限りですが;)また履歴やリンクはレイアウトと言うより一種の
表なのでそのままテーブル使っていくことにします。tableは表作成のためのタグですしね。
 っで、変更ついでに今回ついにhtmlからxhtmlにしてみました、これで新規更新がより検索に反映
されやすくなりました、tableレイアウトの一部廃止と含めてですが若干検索率が向上する(かも)と
思います。 今回xhtmlに変更する際に可成り苦戦するかと思っていたのですが意外と苦戦せずに
変更できました、xhtmlのhtmlとの違いの大きな特徴としては、まず必ず終了タグを入れるという事
タグは小文字で書く(一部大文字もありますが)事が義務ずけられてるっと言うこと(で良いんですよ
ね?)ですが、私は普段から終了タグ類はしっかり記入して省略しないようにしてるのでbrやimg,meta
など一部のタグに/描き込めばいいぐらいでした、またタグも普段から小文字で書いてるので全く書き
直す必要がなく楽ちんでしたよ、ソフト使って作成の場合大文字で自動的に作成されるみたいですが
その手のソフトで作ってる人達大変そうですね、それとも小文字に一斉変換できるんでしょうか?
 っでxhtmlへの以降はそれほど問題なかったんですが困ったことが一つありまして、それが
margin(空白タグ)、これはサイトのレイアウトによく使われるタグなんですが、htmlで作成していた時
はきちんと反映されていたのにxhtmlにしたとたん急に反映されなくなってしまって困り果ててしまい
ました、これはxhtmlの使用なのかとも思っていた訳ですが、昨日検索で色々調べてみた結果どうや
IE7のバグらしいです。IE7ではxhtmlの上下のmarginは相殺されてしまうらしいのです。ぬ~バグ
ではどうしようもないなと困ってしまいましたが、更に調べて見た結果、解決方法がわかりました
それはfloat(回り込み解除)を使うことで回避できるっという方法です。やってみた結果無事にmargin
反映されました、よかったよかった っと言うわけでこれからサイト作成のする人達は気をつけた方が
いいですよ

ちなみにサイトの方はいちを何回か確認しましたが、希にレイアウト崩れる時があるみたいですので
その時は更新ボタン押してください大抵直りますから
後、私は独学でhtml作成してるので殆ど知識無い初級者なので上級者の方は手痛い突っ込みは
勘弁してください; なにか問題ある場合はオブラートに包んでコメントしてくださると幸いです^^;

って事で今日はこれにて ではではノシ
スポンサーサイト



(この一行は、各記事の最後に固定表示するサンプルです。テンプレートを編集して削除もしくは非表示にしてください。)

コメント

コメントの投稿

非公開コメント


(この一行は、各ページ下部に固定表示するサンプルです。テンプレートを編集して削除もしくは非表示にしてください。)
ブログ内検索
プロフィール

Kiyokazu

Author:Kiyokazu
-紹介文-
HN 魔人Kiyo もしくは Kiyokazu
(その他Kiyo,KT1とも)
素人絵描きです。ヲタです。
あ~絵が上手くなりて~

私の作品etc
月別アーカイブ
リンク
FC2カウンター
RSSフィード

サイドバー背後固定表示サンプル

サイドバーの背後(下部)に固定表示して、スペースを有効活用できます。(ie6は非対応で固定されません。)

広告を固定表示させる場合、それぞれの規約に抵触しないようご注意ください。

テンプレートを編集すれば、この文章を消去できます。