「はてなダイアリー」について RSSフィード
 

2011年7月15日をもちまして、はてなサポート掲示板は新規投稿の受付を停止致しました。
今後は、人力検索はてなの「はてなの使い方」カテゴリーをご利用ください。
※ご要望や不具合のご報告ははてなアイデア、はてなからのご返信が必要な質問はお問い合わせページをご利用ください。

476YuichirouYuichirou   472  Re:サイドバーの表示

id:blue8823さん

うーん、一般的に希望通りのデザインはできると思いますが、ちょっと今のデザインだとマズイですね。

というのも、「いろいろ調整して、見た目はキレイになっているのですが」とのことですが、私のブラウジング環境ではかなり崩れて表示されるんです。一度サイドバー表示関係の設定を1から書き直すのが良いでしょう。

さて、「縮小した際にも見た目には同じデザインで見れる(…)ようにしたい」とのことですが、現在のblue8823さんの日記デザインは横幅が固定ですよね? まずこの点を見直すべきでしょう。具体的には、以下の3つの方法があります。


  1. 表示領域が小さい時は横幅いっぱいに表示、大きい時は固定サイズで表示
    • IE6以下など古いブラウザでは一方の指定が無効となり、下記の2つのデザインのいずれか(設定の方法で決まる)での表示となります。
  2. 表示領域が小さい時も固定サイズで表示し、横スクロールバーを出す
    • 横スクロールバーは使いにくいです。ただ、現在の日記の横幅ならまず出ることはないでしょう。
  3. 表示領域が大きい時も横幅いっぱいに表示する
    • 一番問題が起きにくいデザインです。

どれが良いでしょうか?

また、メイン部分とサイドバー領域の部分の幅はどのようにしますか? 特に1.と3.のデザインでは、サイドバーだけサイズ固定でメインだけ可変なども設定できます。

返信2008/03/01 14:58:47
  • 476Re:サイドバーの表示 YuichirouYuichirou 2008/03/01 14:58:47
    id:blue8823:detailさん うーん、一般的に希望通りのデザインはできると思いますが、ちょっと今のデザインだとマズイですね。 というのも、「いろいろ調整して、見た目はキレイにな ...
    • 478Re:Re:サイドバーの表示 blue8823blue8823 2008/03/01 22:36:58
      Yuichirouさん、返信ありがとうございます! そうなんですよね……ケータイからフルブラウザで見たら見事に崩れていて、 これは、見る環境によっては、わたしの思った通りに表示されてないのでは ...
      • 482Re:Re:Re:サイドバーの表示 YuichirouYuichirou 2008/03/02 13:41:15
        id:blue8823:detailさん わかりました。では、以下のようにしてください。 まず、.hatena-bodyとdiv.sidebarに関するすべての設定部分を削除して、以下に置 ...
        • 483Re:Re:Re:Re:サイドバーの表示 blue8823blue8823 2008/03/03 01:12:15
          Yuichiroさん、ありがとうございます! すいません、とっても図々しいオハナシなのですが……。 別の方法(1と2)も教えていただけませんか? 3はあまりにもずんぐりむっくりで(自 ...
          • 484Re5:サイドバーの表示 YuichirouYuichirou 2008/03/04 11:24:23
            id:blue8823:detalさん わかりました。実は bbs:1:482 に書いたCSSソースは汎用性の高いものだったりします。 まず、div.hatena-body の設定を以下に換え ...
            • 486Re:Re5:サイドバーの表示 blue8823blue8823 2008/03/04 22:30:37
              わがままを言ってすいません……。 本当に、ご親切に対応していただきありがとうございます。 上記の方法を試してみたのですが、なぜかテーブルの表示がぐちゃぐちゃになってしまいます(>_<) うー ...