alcusの日記 with GUINNESS

0001 | 01 | 02 |
2004 | 09 | 10 |
2005 | 01 | 02 | 03 | 04 | 05 | 06 | 08 | 10 |
<< 2005/05 >>
1 2 3 4 5 6 7
8 9 10 11 12 13 14
15 16 17 18 19 20 21
22 23 24 25 26 27 28
29 30 31
 | 

2005-05-16

どんな風に縦書きされたいか

g:beta:id:alcus:20050513 からこちらへ。追記:比較的長い文章での縦書きサンプルの意味もあったので g:beta:id:alcus:20050517#p1コピーしました。

縦書き日記は誰でも一度はやってみたい形態の1つではあると思うけど実際やってみると見た目上の問題がいろいろでてくる。特にそれは長い文章のときに顕著なのでこうしてちょっと長々書いてみます。

比較的長い本文をもつ縦書き日記を表示する方法としては次の3つがあるかと思います。

  1. 横に長くする
  2. 縦に長くする
  3. 新聞っぽく段組する

横に長くする方法

縦方向サイズを設定することで横に長い日記がつくれます。一番収まりのいいのは日記全体を縦書きにする方法でしょうか。しかしはてなでは「横書きのヘッダーをどう落ち着かせるか」という問題があります。

また日記の一部(例えば日付ごと)を横にスクロールする形式で納めることも可能ですが本文部分が浮いた印象があります。

縦に長くする方法

横幅を指定する、CSS的には一番楽な実現方法ではないでしょうか。ただ読む際には目線にあわせて1行毎に縦スクロールさせる必要があります。

新聞っぽく段組する

これが実現できれば一番収まりがいいのではないでしょうか。ただ現状ではうまく実現する方法はないように思います。1つの手段としてサーバー側で「ブラウザにどう表示されるかをちゃんと考慮したHTMLを出力させる」という方法がありますが、閲覧者すべてのブラウザに対し「今縦幅はいくつか?横幅はいくつか?」と計算させるのは現実的ではないでしょう。

そのほか共通の問題

まず縦書きで表示できるブラウザIE系しかないこと。また縦書きが標準機能となっていないこと(今はたまたまIEが表示しているだけ)が問題です。縦書きに特化したCSSを組むと他のブラウザではまともに読めない状態になりやすいです。

またコメント欄を縦書きにした場合、コメント入力欄は横書きなので*1入力したときに違和感が感じられます。

*1CSSで回避可能かもしれません

トラックバック - http://css.g.hatena.ne.jp/alcus/20050516
 | 
<< 2005/05 >>
1 2 3 4 5 6 7
8 9 10 11 12 13 14
15 16 17 18 19 20 21
22 23 24 25 26 27 28
29 30 31
最近のコメント