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

19年1月19日(Sat) 14時30分
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



新しくコメントをつける

題名
ゲスト名
投稿本文

より詳細なコメント入力フォームへ

トップ   凍結 差分 バックアップ 複製 名前変更 リロード印刷に適した表示   ページ新規作成 全ページ一覧 単語検索 最新ページの一覧   ヘルプ   最新ページのRSS 1.0 最新ページのRSS 2.0 最新ページのRSS Atom Powered by xpWiki
Counter: 8912, today: 3, yesterday: 2
初版日時: 2005-04-03 (日) 03:49:03
最終更新: 2005-04-03 (日) 03:49:03 (JST) (5039d) by nao-pon
このページのTopへ
ログイン
ユーザ名:

パスワード:

オートログイン

Basic 認証

新規登録 | パスワード紛失



メインメニュー
UsersWiki メニュー
付箋メニュー
付箋メニュー 
付箋の編集
文字色: 背景色:
お名前:  線接続id:
 
ブックマーク
オンサイトブックマークは
ログインするとご利用になれます
[ログインする]
サイト内 Wiki
☆ 検索 ☆



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

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

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

nao-pon
 

登録ユーザ数: 4593


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