2005年07月29日

ブログのフォントサイズを固定から変更

このブログのフォントサイズがpx単位の決めうちになっていたのを修正したら、あんのじょうレイアウトが崩れた。

IEは、フォントサイズ固定だと文字を大きくできないので、変えなきゃダメダメなのはわかってたんだけど。Firefoxだと問題なく文字の表示サイズを変えられるんだけどなあ。
みんなIE捨ててくれると嬉しいんだけど、それまで放置するのもなんだし。


文字サイズの指定も難しいなあ。Firefoxではちょうどよくても、IEだとでかすぎ。


あれ?IEで見ると、右のナビゲーションの位置がずれてる。知らなかった。
URLが長いとその分、本文のボックスが右に張り出すらしい。
場合によっては、右のナビゲーションが下に落ちているし。


デザイン修正をする前に、
今回のCSSの変更点をメモしておく。
-----

フォントサイズ関連
h1 {
font-ize:24px; → x-large;
h2 {
font-size:14px; → medium;
h3 {
font-size:14px; → medium;
.description {
font-size:14px; → medium;
.navi {
font-size:12px; → small;
.blogbody {
font-size:100%; → 変更なし
.date{
font-size:14px; → medium;
.title a{
font-size:14px; → medium;
.text{
font-size:12px; → small;
.posted{
font-size:10px; → x-small;
.calendarhead {
font-size:12px; → small;
.calendarday {
font-size:12px; → small;
.calendarday a{
font-size:12px; → small;
.sidetitle {
font-size:12px; → small;
.side {
font-size:12px; → small;
.syndicate {
font-size:12px; → small;
.comments-head{
font-size:12px; → small;
.comments-body {
font-size:12px; → small;
.comments-post {
font-size:10px; → x-small;
#trackback {
font-size:12px; → small;
.trackback-url {
font-size:100%; → 変更なし
.trackback-body {
font-size:100%; → 変更なし
.trackback-post {
font-size:x-small; → 変更なし
.copyright{
font-size:80%; → 変更なし


ゴミがまじってたので以下削除-----
#diet-container{
border:1px solid #999;
padding:5px;
margin-bottom:5px;
}

.diet-title{
background-color:#333333;
padding:2px 10px 2px 5px;
font-size:12px;
color:#FFFFFF;
background-image:url(http://blog.seesaa.jp/img/diet/right_bt.gif);
background-position:right;
background-repeat:no-repeat;
width:90px;
margin-top:5px;
}

.diet-content{
padding-left:10px;font-size:12px;
}

#diet-foods{
padding-left:10px;
font-size:12px;
}

.food-title{
width:20%;
clear:left;
float:left;
}

.food-content{
width:75%;
padding-top:10px;
}

ここまで削除----------------




posted by 端っこなひと at 23:59| Comment(0) | TrackBack(0) | Webデザイン | このブログの読者になる | 更新情報をチェックする
この記事へのコメント
コメントを書く
お名前: [必須入力]

メールアドレス:

ホームページアドレス:

コメント: [必須入力]

この記事へのトラックバックURL
http://blog.seesaa.jp/tb/5464577

この記事へのトラックバック