ANAの Webページデザインで

著者: H.Miura Eメール

リンク: http://www.ana.co.jp/

ANAのWebページデザインで、ログイン後、「2007年01月31日 00:00現在」
という表示がどうにも2段になって、ヘッダ部分のレイアウトが崩れる。

これはwww.ana.co.jp-top.cssの


body#toppage #logined #userDetail .textArea {

float:left;

width:194px;

line-height:130%;

}
body#toppage #logined #userDetail .textArea #date {
float:left;
width:140px;
font-size:9px;
}

のあたりが原因ではないかと思える。
font-size 9pxに対して幅が140pxで、文字数が17文字+":' +スペース。
また、該当部分がPタグなのも気になる。

この記事へのトラックバック アドレス

トラックバック URL (右をクリックし、ショートカット/リンクをコピーして下さい)

1 コメント

コメント from: H.Miura [メンバー] Eメール
H.MiuraMSゴシックでも一部ずれる。JLPゴシックだと幅が狭くなる。特定のフォントを想定した幅指定でレイアウトするのは良くないな。
このようなデザインの問題はどうやって解決するのが定石だろうか。
2007/02/03 @ 09:22

コメントを残す


頂いたEメールアドレスはこのサイト上には表示されません

頂いたURLは表示されます。
(改行が自動で <br /> になります)
(名前、Eメールとウエブサイト)
(ユーザに、メッセージ・フォームを通じた連絡を許可します (あなたのEメール・アドレスは表示されません))