hypweb.net
XOOPSマニア  最新情報のRSS(サイト全体)
[ 自宅サーバーWebRing |ID=54 前後5表示乱移動サイト一覧 ]

19年10月19日(Sat) 2時37分
TOP » UsersWiki » nao-pon » blog » 2005-04-02

<table> を <div> に anchor.png

Tag: 自宅サーバー
このサイトのページ基本構造を <table> から <div> に書き換えてみました。

<table> は「表示が遅い」とか、「そもそもレイアウトに使うものではない」とかいうことなので、頑張ってみましたが完全に同じように表示させるのは難しいです。

でも、ページを読み込みながら表示するようになったので、体感的に表示が速く感じるようです。

あと、本文部分を左ブロックより先に出力するようにしたので、SEO的にも効果あるかもしれません。

表示が崩れる場合もあるので、テーマ選択で div と table を選べるようにしておきました。 :D


  • 「本文部分を左ブロックより先に出力するようにした」、なるほど、そのためですか、左ブロックだけ表示されない場合があります。「表示が崩れる場合もあるので...」例えばこのページは、左ブロックと本文の間にかなりのスペースができてしまっています。モニターサイズに影響されるためでしょうか。 -- 通りすがりさん 2005-04-02 (土) 11:54:28
  • IEの表示幅に影響されるの誤りでした。 -- 通りすがりさん 2005-04-02 (土) 11:56:22
  • 両サイドブロックをピクセルで固定したかったのですが、どのようにしたらよいのか解らなかったので、JavaScript で逃げています。
    JavaScriptが有効でないときのスタイルを調整してみました。
    また、左ブロックが表示されていないときはコンテンツの内容がコンテンツボックスの幅より大きくなったときIEがBOXを拡張してしまうので、結果表示できなくなって、ページ下部のほうに表示されていると思います。 -- nao-pon 2005-04-02 (土) 22:11:36
  • ああ、早くなりましたね。私もユーザーに「重い」とよく言われるので、なるべくテーブルを使わないように使用しているのですが……左ブロックだけでもdivでまとめちゃおうかなぁ -- GuymHaga 2005-04-02 (土) 22:48:35
  • 左ブロック、きれいに表示されるようになりました。 -- 通りすがりさん 2005-04-03 (日) 03:49:03



Post a new comment

Subject
guestname
Body

Go to richer form

Front page   Freeze Diff Backup Copy Rename ReloadPrint View   New Page Page list Search Recent changes   Help   RSS of recent changes (RSS 1.0) RSS of recent changes (RSS 2.0) RSS of recent changes (RSS Atom) Powered by xpWiki
Counter: 9760, today: 3, yesterday: 2
Princeps date: 2005-04-03 (Sun) 03:49:03
Last-modified: 2005-04-03 (Sun) 03:49:03 (JST) (5311d) by nao-pon
このページのTopへ
ログイン
ユーザ名:

パスワード:

オートログイン

Basic 認証

Register now! | Lost Password?



メインメニュー
UsersWiki メニュー
付箋メニュー
Fusen(Tag) menu 
Tag Editor
Color: BG:
Name:  Connect line ID:
 
ブックマーク
Please log in to use it.
[Login]
サイト内 Wiki
☆ 検索 ☆



高度な検索(サイト内)
FireFox検索プラグイン
オンライン状況
合計 51 人がオンライン中 :-)
(UsersWiki : 9 人)

登録ユーザ: 0 & ゲスト: 51

もっと...
サイト情報
管理人

nao-pon
 

登録ユーザ数: 4616


Web Services by Yahoo! JAPAN
楽天ウェブサービスセンター
Amazon.co.jpアソシエイト
現在ページのQRコード
現在ページのQRコード
[携帯対応]
参照元情報