人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

はてなダイアリーのデザイン編集について質問をさせて下さい。(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;}

●質問者: なぎさもち
●カテゴリ:ウェブ制作
✍キーワード::active :hover :link :visited BODY
○ 状態 :終了
└ 回答数 : 1/1件

▽最新の回答へ

1 ● fut573
●95ポイント ベストアンサー

1.sidebarの幅

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

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

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

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


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

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

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

(現在75%)

cssの最後に

.hatena-modulebody{

font-size:90%;

}

としてみてください。

(サイズは好みで)

◎質問者からの返答

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

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

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ