はてなダイアリーのデザイン編集について質問をさせて下さい。(CSS全くの初心者です)

はてダの公式デザインをググりながら手探りで自分なりにカスタマイズを行ってみたのですが、IEで開いた時に以下の問題が出てしまいます。
①サイドバーの幅が崩れてしまう
②はてなモジュールで表示させている「最新タイトル」が異常に小さい文字で表示されてしまう
自分は普段GoogleChromeを利用していまして、そちらでは特にレイアウト崩れもなく表示されるのですが…。
CSSに問題があるのだとは思いますがどこをどのように修正すればいいのかが全くわかりません。以下、はてダURLと現在のCSSになります。
どなたかお力を貸して頂けますと幸いです。宜しくお願いいたします。
URL:http://d.hatena.ne.jp/nagisamochi/
CSS
#simple-header, h1,

.hatena-body {

width: 95%;

max-width: 1100px;

}

.main div.calendar,

.main div.day {

margin-right: 100px;

}

.sidebar {

width: 400px;

margin-left:-408px;

}








body {

font-family:"Verdana","MS Pゴシック";

font-size:12pt;

color:#454545;



}

span.date {
color: #ff6619;
}
h3 {
color: ;
}
A:LINK {
color: #7f4c19;
}
A:VISITED {
color: #7f4c19;
}
A:HOVER {
color: ;
}
A:ACTIVE {color: ;
}
A:hover{font-weight:bold;}

回答の条件
  • 1人3回まで
  • 13歳以上
  • 登録:2010/04/13 00:05:37
  • 終了:2010/04/13 19:29:04

ベストアンサー

id:fut573 No.1

fut573回答回数195ベストアンサー獲得回数542010/04/13 01:36:33

ポイント95pt

1.sidebarの幅

sidebarの横幅は160pxに指定されています。

しかしtwitterブログパーツの横幅は176px。

はみ出た分が崩れています。

サイズを小さくしてみてください。


2.最新タイトルの文字サイズ

sidebar LINKのulタグが閉じてないように見えます。確認してみてください。

その後、.hatena-modulebodyのfont-sizeを指定すれば大きくなります。

(現在75%)

cssの最後に

.hatena-modulebody{

font-size:90%;

}

としてみてください。

(サイズは好みで)

id:nagisamochi

ご回答頂きましてありがとうございます!お教え頂きました通り、twitterのブログパーツの幅を変更し、ulタグを閉じましたところデザイン崩れの問題が無事解決いたしました。

ありがとうございました!

2010/04/13 19:27:20

コメントはまだありません

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません