FC2ブログ

ジョルディの日記

Windows Linuxに関する tips を書いたり書かなかったり

HOMEスポンサー広告スポンサーサイト
スポンサー広告│posted at --:--:--
上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
HOMEhtmlWeb 業務アプリのために その1
◆2006.05.23(火)◆
html│posted at 00:31:52
スレッド:(X)HTML/CSS  ジャンル:コンピュータ
今回から4回ほど気分を変えて html です。

Web 業務アプリのために と、大げさなタイトルをつけましたが
主に表(テーブル)の話しかしません。

まず第1回目は、<table>タグのスタイル

table-layout : fixed ;


についてです。

細かい説明は他のサイトに任せますが、このスタイルシートの効果のひとつは
「テーブル表示が速くなる(はず)」です。
(いま手元で試してみたら全然効果が無かったのですが)
もうひとつの効果は「テーブルのサイズを(わりと)厳密に指定できる」ことです。
(この効果が得られたのは IE のみで Firefox では効果なしでした)

と、イマイチ効果が薄いのですが、「テーブルのサイズを厳密に指定できる」
ということの説明をしてみましょう。

まずは、こちら(テーブルサイズのズレ)
html のソースはローカルに保存するなりなんなりしてもらうとして、
表示を見てもらうとわかるとおり、いろんなとこがズレてます。
おそらく <td> タグの余白とかのせいでずれるのでしょうが、
これでは第3回辺りで書く予定の内容でちょっと困った状態になります。
そこで、 table-layout : fixed を使って回避します。
これ(ズレ回避 IE のみ) です。
どこをどう変更したのかは両ファイルを見比べてください。

長くなったので続きは次回にしますが、次回は Firefox でもズレないようにします。
スポンサーサイト

コメントを書く

* コメントを編集・削除する場合には、暗証番号の入力が必要です。
* 「秘密」にチェックを入れると管理者のみ内容を読めますが、編集・削除はできません。

:
:
:
:
:
:  削除や編集のときに必要です。
:  管理者にだけが読むことができるようにします。

コメント♪

トラックバックURL・リンクURL

* TB用のURLとテキストリンク用のタグです。必要に応じてお使いください。

トラックバックURL

リンクタグ

トラックバック♪

時間ねぇー

プロフィール

チェザーレ

Author:チェザーレ


Google

リンク


 copyright © 2006-2008 ジョルディの日記 All Rights Reserved.
 Template Desain by bluenight.  
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。