2013年04月13日
cssで段組に挑戦してみた / CSS
ホームページをデザインするのに最近ではスタイルシートが重要視されてきています。
特に最近でブラウザが html5.0 に対応してからスタールシートを活用する
ホームページも増えています。
スタイルシートは、これまでのホームページのザインを大幅に広げてくれます。
文字の大きさや配置位置など細かい設定ができるので慣れると、とても便利な機能です。
スタイルシートを使うことで、SEO対策にもなるのが大きな利点です。
しかし、まだまだブラウザによっては表示が崩れたりすることもあります・・・。
最低限、いくつかのブラウザで表示確認をしなければならない欠点はまだ存在します。
弥太郎も、これまではホームページのデザインはテーブルタグを駆使して作っていましたが、
最近ようやく、初歩的なCSSを活用するようになりました。
スタイルシートで段組(テーブル組)をすると、デザインが崩れてしまっていたので
導入に至ってはいなかったのですが、最近ようやく意図する表示ができるようになったので紹介します。
テーブルで組むより簡単で分かりやすいです
IE(エクスプローラー)、FireFox(ファイヤーフォックス)、Chrome(クロム)で
確認したところブラウザをリサイズしてもデザインは崩れていません。
このブログの基礎デザインに近いものになっています。
ご希望の方は、ご自由にダウンロードしてください。
表示確認は、こちらからアクセスください。
文字コードは、"UTF-8"で設定していますのでダウンロードして
ご利用場合には環境に合わせて文字コードを変更してください。
文字コードについては、Htmlタグ辞典を参考に!
特に最近でブラウザが html5.0 に対応してからスタールシートを活用する
ホームページも増えています。
スタイルシートは、これまでのホームページのザインを大幅に広げてくれます。
文字の大きさや配置位置など細かい設定ができるので慣れると、とても便利な機能です。
スタイルシートを使うことで、SEO対策にもなるのが大きな利点です。
しかし、まだまだブラウザによっては表示が崩れたりすることもあります・・・。
最低限、いくつかのブラウザで表示確認をしなければならない欠点はまだ存在します。
弥太郎も、これまではホームページのデザインはテーブルタグを駆使して作っていましたが、
最近ようやく、初歩的なCSSを活用するようになりました。
スタイルシートで段組(テーブル組)をすると、デザインが崩れてしまっていたので
導入に至ってはいなかったのですが、最近ようやく意図する表示ができるようになったので紹介します。
テーブルで組むより簡単で分かりやすいです
IE(エクスプローラー)、FireFox(ファイヤーフォックス)、Chrome(クロム)で
確認したところブラウザをリサイズしてもデザインは崩れていません。
このブログの基礎デザインに近いものになっています。
ご希望の方は、ご自由にダウンロードしてください。
表示確認は、こちらからアクセスください。
文字コードは、"UTF-8"で設定していますのでダウンロードして
ご利用場合には環境に合わせて文字コードを変更してください。
文字コードについては、Htmlタグ辞典を参考に!
投稿者:ひょっとこ弥太郎|16:58
|ブログ・制作Tip!