\ えぬすぴブログ

 #697  <<お知らせ>>

横幅を文字数で指定します

HTMLやスタイルシートを色々と修正しました。

大きく変えたのは横幅の決め方です。 今までの単位はパーセントだったのですが、それを文字数にしました。

メイン(記事)の方の幅は32文字分(width: 32em;)でサブ(メニュー)の方の幅は20文字分(width: 20em;)です。 今のところ、ということなので、また後で変えるかも知れませんw 

また、行の左右に余白(margin, padding)がありますので、実際の文字数はその分だけ少なくなります。

ウィンドウの端から端まで文字が並んで一行が長くなると読みにくい感じもしていましたので、一行の文字数を短めにして読みやすくしたいと思ったのが理由です。

それで、ブラウザの左にブックマークのウィンドウを開いた時など、幅が狭くなる時には、サブの方が横に収まらない場合があります。 でも、消えてしまったわけではなくて下の方に丸ごと回り込んでいるだけですので、気にしないで下さいね(苦笑)。

あと、「えぬすぴ」の方でも、全部のページで同じような横幅で表示するようにしました。

ブラウザは、Internet Explorer 8,Firefox 3.5,Google Chrome 2.0,Opera 10 以上のもので確認しました。

画面の解像度が 1024×768 以上で、フォントサイズが 12 から 16 くらいまでの標準的なものなら大丈夫だと思います。

▼ 同じカテゴリーの記事

コメント

コメントの投稿

※ 「名前」と「本文」以外は省略できます。

  • ※ 必須
  • ※ 必須
  •  → 確認ページ (メールアドレスの記入があっても公開されません)
10 ← 2019年11月 → 12
-----12
3456789
10111213141516
17181920212223
24252627282930



 Google サイト内検索

▼タグ(抜粋)