読者です 読者をやめる 読者になる 読者になる

レイアウト直しました.

はてなダイアリーで float を使った段組レイアウトをしているテーマを使うと sideber がずれちゃうのでスタイルシートを追加して,ちゃんと表示されるように直しました.

sideber を期待通りに表示するために今設定してるスタイルシートです.

position: absolute を使ってレイアウトしてみました.

/* sizing and positioning */

body {
    margin: 0;
    padding: 0;
    text-align: center;
}

#simple-header img#logo-hatena {
    margin-left: 0;
}

#simple-header,
h1,
.hatena-body {
    max-width: 900px;
    min-width: 768px;
    padding-left: 20px;
    padding-right: 0;
    text-indent: 0;
}

div.hatena-body {
    position: relative;
}

.main div.calendar,
.main div#days {
    margin: 0;
    margin-right: 221; /* reserve for sidebar */
    padding-left: 0;
    padding-right: 20px;
    border-right: solid 1px #D2D6DE;
    max-width: 658px;
}

.main div.day {
    margin: 0;
    padding-left: 0;
    padding-right: 0;
}

.sidebar {
    margin: 0;
    clear: both;
    position: absolute;
    right: 0;
    top: 0;
    width: 220;
}



/* color */
body {
    background: #aaa;
}



/* articles */

div.refererlist {
    border: solid 1px #E7E9EE;
}