人力検索はてな
ﾓﾊﾞｲﾙ版を表示しています｡PC版はこちら
i-mobile
＜特定の｢次の5日分｣を表示するとｻｲﾄﾞﾊﾞｰがｽﾞﾚてしまいます＞

質問失礼させて頂きます､下のはてなﾀﾞｲｱﾘｰをさせて頂いている者なのですが､
特定の日にちといいますか､特定の｢次の5日分｣の5日分を表示すると､
何故かｻｲﾄﾞﾊﾞｰが真ん中に近い右側にｽﾞﾚて､うまく表示できません｡
今まではできていたような気がするのですが､何をいじってまたｽﾞﾚるように
なったか分からない状態です｡IEもChromeも同じ表示なので､ﾌﾞﾗｳｻﾞ依拠な
問題ではないようです｡

｢ｿｰｽを見る｣で見られるからいいかなと思って､載せるとだいぶ長くなるので
ｽﾀｲﾙｼｰﾄは省かせて頂きましたが､ｽﾀｲﾙｼｰﾄなど必要なのがございましたら､
随時お答えさせて頂きますので､みなさんのお知恵をよろしくお願いします｡

◯正常な表示
http://d.hatena.ne.jp/utopian20/

◯ｻｲﾄﾞﾊﾞｰがｽﾞﾚる｢5日分｣のURL
http://d.hatena.ne.jp/utopian20/?of=15
http://d.hatena.ne.jp/utopian20/?of=20
●質問者: ゆｰと
●ｶﾃｺﾞﾘ:ｳｪﾌﾞ制作
○ 状態 :終了
└ 回答数 : 3/3件
▽最新の回答へ
▽1 ● kicr-pp
●0ﾎﾟｲﾝﾄ

ｽﾀｲﾙｼｰﾄの内容を公開したほうがよいと･･･

ゆｰとさんのｺﾒﾝﾄ
なるほどです､ちょっと長くなる上に色々なとこからのｺﾋﾟﾍﾟの 継ぎ足しなのでお恥ずかしいですが､公開させて頂きますね｡
Cherenkovさんのｺﾒﾝﾄ
調査できるひとはfirebug等で勝手にcssを見るので必要ないかと｡
ゆｰとさんのｺﾒﾝﾄ
そうなのですね､｢ｿｰｽを見る｣でｽﾀｲﾙｼｰﾄが見れるから､ おそらくとても無駄が多く長いので､載せなくても大丈夫かな､と思って しまいましたが､一応載せさせて頂きました､長いですね(汗)
● 質問者から

実はｽﾀｲﾙｼｰﾄの使い方が分からず､色々な例文のところからｺﾋﾟﾍﾟして継ぎ接ぎして
いるので､お恥ずかしいのですが､以下がｽﾀｲﾙｼｰﾄの内容です｡
皆様のご指導をよろしくお願いします｡
----------------------------
/* ============================================
ﾎﾞﾃﾞｨ
============================================= */

body {
font-family: "Apple Chancery", "Georgia" , "ﾋﾗｷﾞﾉ明朝 Pro W3" , "Hiragino Mincho Pro" , "平成明朝" , "HeiseiMincho" ,serif;
text-align : left;
line-height : 150%;
font-size : 110%;
color : #8B2323;
background-image : url("http://img.f.hatena.ne.jp/images/fotolife/u/utopian20/20100427/20100427212920.jpg?1272371449");
background-repeat:repeat;
background-color : #4A2501;
}



div.sidebar {
position:absolute;
float: left;
padding: 30px 0px 0px 0px;
text-align: left;
}

.sidebar {
position:absolute;
left:10px;
float: left;
width: 20%;
padding: 30px 0px 0px 0px;
text-align: left;
}

.hatena-body{
width: 95%;
margin: 0 auto;
padding: 0;
}

.main{
position:absolute ;
float: right;
width: 70%;
padding: 30px 0px 0px 0px;
}

ul.hatena-section {padding: 0;}

ul.hatena-sectioncategory{padding: 0;}

ul.hatena-rss{padding: 0;}

ul.hatena-recentcomment{padding: 0;}

ul,ol,dl { /* 箇条書きﾘｽﾄ､番号つきﾘｽﾄ､定義ﾘｽﾄのまとめ設定 */
font-size:100% ;

margin:1em 2em;
padding:1em 2em;
letter-spacing:normal;
list-style-position:outside ;
}

div.hatena-module{

word-break: break-all;
overflow:hidden;
}

div.infobar ul {
font-size:80% ; /* ﾌｫﾝﾄのｻｲｽﾞ */
list-style-type:none ; /* 箇条書きのﾏｰｸを消す */
margin:0 ; /* 外側余白 */
padding:0 ; /*内側余白 */
}

div.infobar li ul {
margin:0 0 1em 0.5em ; /* ﾘｽﾄの入れ子の下げ幅 */
font-size:100% ; /* 文字ｻｲｽﾞを上位の要素に揃へる */
}

li.index,ul.hatena-section li {
margin: 0em 0em;
padding: 0em 0em;
border-bottom:none ; /* 手作りのﾘｽﾄ項目に下線表示 */
}

.seemore {
font-size: 150%;
color :#008080
margin: 1em 1em;
padding: 1em 1em;
}

a.seemore:link,
a:visited,
a:active {
color: #008080;
text-decoration: none;
border: none;
}

.SMFkkk{
position:absolute;
left:10px;
float: left;
width: 20%;
padding: 30px 0px 0px 0px;
text-align: left;}
/* =============================================
ﾚｲｱｳﾄ設定
============================================= */

/*ｺﾝﾃﾝﾂ*/
div#container {
margin : 30px 30px ;
background-repeat : no-repeat ;
background-position : left top;
background-color : #4A2501;
background-image : url("http://img.f.hatena.ne.jp/images/fotolife/u/utopian20/20100330/20100330125439.jpg?1269921724");
background-repeat:repeat;
border : 3px double #C2A858 ;
}

div#layout {
margin : 2px 3px 2px 3px ;
text-align : left;
width : 95%;
background-image : url("http://img.f.hatena.ne.jp/images/fotolife/u/utopian20/20100330/20100330125439.jpg?1269921724");
background-repeat:repeat;
background-position : 100% 60px;
}

/*ﾍｯﾀﾞｰ*/
div#layout_head {
width : 150%;
height:280px;
text-align : right;
}

/*ﾒｲﾝ部分*/
div#layout_main {
float : right;
margin-left :-260px;
width : 100%;
}

div#layout_main #wrapper {
margin-left : 260px;
}

/*ｻｲﾄﾞ部分*/


/* ﾌｯﾀｰ部分 */
div#layout_footer {
clear : both;
text-align : left;
}


/* =============================================
見出し
============================================= */
h1 { font-size : 180%;}
h2 { font-size : 140%;}
h3 { font-size : 120%;}
h4 { font-size : 110%;}
h5 { font-size : 105%;}
h6 { font-size : 100%;}


/* =============================================
ﾘﾝｸ設定
============================================= */

a,
a:link,
a:visited,
a:active {
color: #C00;
text-decoration: none;
border-bottom: none ;
}

a.keyword:link {
color: #8B2323;
text-decoration: none;
border: none;
}

em ,i { font-style : italic;}
strong ,b { font-weight : bold;}

/* =============================================
投稿部分設定
============================================= */
input,select,textarea{
font-family : "Osaka","Verdana", "Hiragino Kaku Gothic Pro", "MS PGothic", sans-serif;
color : #666;
font-size :100%;
background-color : #F3E3B1;
border-top : 1px #C2A858 ;
border-right : 1px #C2A858 ;
border-bottom : 1px #C2A858 ;
border-left : 1px #C2A858 ;
}


/* =============================================
ﾀｲﾄﾙ
============================================= */
/*ｻｲﾄﾀｲﾄﾙ*/
h1 {
margin : 0px;
color : #FFD700;
font-family: "Apple Chancery", "Georgia" , "ﾋﾗｷﾞﾉ明朝 Pro W3" , "Hiragino Mincho Pro" , "平成明朝" , "HeiseiMincho" ,serif;
font-style : italic;
}
h1 a:link { color : #960; text-decoration : none;border-bottom : 3px none #960;}
h1 a:active { color : #960; text-decoration : none;border-bottom : 3px none #960;}
h1 a:visited { color : #960; text-decoration : none;border-bottom : 3px none #960;}
h1 a:hover { color : #300; text-decoration : none; border-bottom : 3px none #300; background-color:transparent;}

/*ｻｲﾄ説明*/
#layout_head p#introduction {
margin : 0px;
padding : 30px 70px 0px 465px;
font-size : 110%;
color : #FFD700;
}

/*各ｴﾘｱｻﾌﾞﾀｲﾄﾙ*/
h2 {
margin : 0px ;
padding : 20px 0px 5px 50px;
letter-spacing : 0.2em;
color : #CD950C;
background-color : transparent;
border-bottom : 3px double #600 ;
}

h3 a:link {color: #408080;}
h3 a:visited {color: #408080;}
h3 a:hover {color: #408080;}
h3 a:active {color: #408080;}

h3 {
margin : 0px ;
padding : 20px 0px 5px 50px;
letter-spacing : 0.2em;
color : #80FF00;
background-color : transparent;
border-bottom : 2px dotted #600 ;
border-top : 1px dotted #600 ; }

h3#subtitle {
display : none;
color : #80FF00;
}

/* =============================================
ｴﾝﾄﾘｰ関連
============================================= */

/*ｴﾝﾄﾘｰ：1ﾌﾞﾛｯｸ*/
.entry-body {
margin : 20px 20px 60px 20px;
background-color : #500508;
background-image : url("http://img.f.hatena.ne.jp/images/fotolife/u/utopian20/20100330/20100330125439.jpg?1269921724");
background-repeat:repeat;
background-position : right bottom;
border : 1px double #C2A858 ;
}

/*ｴﾝﾄﾘｰ：日付*/
div.entry_date {
margin : 0px;
padding : 15px 0px 3px 60px;
letter-spacing : 0.2em;
font-size : 140%;
color : #6B9849;
border-bottom : 3px double #C2A858 ;
}
div.entry_date:first-letter {
font-size : 180%;
color : #C2A858;
}


/*ｴﾝﾄﾘｰ：見出し*/
.entry-body h3 {
margin : 0px ;
padding : 5px 0 0px 20px;
letter-spacing : 0.2em;
color : #C2A858;
}



/*ｴﾝﾄﾘｰ：記事部分*/
.entry_text {
margin : 2px 2px 2px 2px;
padding : 5px 20px 5px 20px;


}
/*ｴﾝﾄﾘｰ：追記ﾃｷｽﾄ*/
.entry_more{
margin : 0px;
padding : 10px 0 0 0;
}

/*ｴﾝﾄﾘｰ：ｽﾃｰﾀｽ*/
ul.entry_state {
margin : 0;
padding : 5px 0 2px 20px;
list-style-type : none;
text-align : left;
font-size : 105%;
border-bottom : 1px dotted #C2A858 ;
}
ul.entry_state li {
display : inline;
}

/*ﾃｷｽﾄ内の画像*/
.entry_text img {
margin : 0px ;
padding : 2px;
border: 1px dotted #C2A858 ;
}

/*ﾃｷｽﾄ内のﾀｸﾞ*/
.entry_text a.tagword {
border-bottom: 1px dotted #C2A858;
}
.entry_text a:hover.tagword {
color : #C2A858;
border-bottom: 1px dotted #C2A858;
text-decoration : none;
}
/*ﾀｸﾞﾘｽﾄ*/
ul.tag_state {
margin : 0;
padding : 5px 0 0px 20px;
list-style-type : none;
text-align : left;
}
ul.tag_state li {
display : inline;
}

/*ﾃｷｽﾄ内の絵文字*/
img.emoji {
border: none;
margin : 0px;
padding : 0px;
float:none;
vertical-align : middle;
}



/* =============================================
ｺﾒﾝﾄﾘｽﾄ
============================================= */
.c-list_body {
margin : 0;
padding : 0 20px ;

}
.c-list_text {
line-height: 120%;
text-align : left;
margin : 0px;
padding : 5px 0px ;
}
.c-list_text dl.comment-list {
margin : 0px;
padding : 5px 0px;
border-bottom : 1px dotted #C2A858 ;
}
.c-list_text dl.comment-list dt{
color : #960;
padding : 3px 0 ;
}
/*ｺﾒﾝﾄﾘｽﾄ中URL*/
.c-list_text dl.comment-list dd a {
display:block;
height:1em;
width :20em;
overflow:hidden ;
}


/* =============================================
引用文設定
============================================= */
blockquote {
margin : 5px 2px 2px 2px;
padding : 0 10px 2px 2px ;
line-height : 150%;
background-image : url("http://blog-imgs-1.fc2.com/b/e/i/beigeheart/tokaakasumi.gif");
background-repeat : repeat ;
border-top : 1px dotted #C2A858 ;
border-right : 1px dotted #C2A858 ;
border-bottom : 1px dotted #C2A858 ;
border-left : 2px #600 ;
}


/* =============================================
水平線設定
============================================= */
hr {
margin : 5px 20px;
color : #C2A858;
background-color : #C2A858;
border : 0;
height : 1px ;
}


/* =============================================
その他の設定
============================================= */


/* =============================================
ｴﾝﾄﾘｰ内：ﾃｰﾌﾞﾙ設定
============================================= */
.entry_text table {
width : auto;
border-collapse : collapse;
margin-top: 1em;
margin-bottom: 1em;
margin-left: 1em;
}
.entry_text td, .entry_text th {
padding : 2px 2px 2px 2px;
font-size : 95%;
line-height: 150%;
font-weight: normal;
margin-left: 1em;
}
.entry_text th {
color : #960;
}


/* =============================================
ﾍﾟｰｼﾞ移動
============================================= */
ul.entry_navi {
margin : 10px 0px;
list-style-type : none;
text-align :center;
}
ul.entry_navi li {
display : inline;
}
}



/* =============================================
ｺﾒﾝﾄ＆ﾄﾗｯｸﾊﾞｯｸ関連
============================================= */

/*ｺﾒﾝﾄ＆ﾄﾗｯｸﾊﾞｯｸ：1ﾌﾞﾛｯｸ*/
.commentarea ,.trackbackarea {
margin : 20px 0px ;
text-align : left;
}

/*ｺﾒﾝﾄ＆ﾄﾗｯｸﾊﾞｯｸ：記事*/
.comment-body ,.trackback-body {
margin : 10px 0px ;
padding : 0px;
text-align : left;
}

/*ｺﾒﾝﾄ記事中URL*/
.comment_body a ,trackback-body a {
display : block;
height :1em;
width : 20em;
overflow : hidden ;
}


/*ｺﾒﾝﾄ＆ﾄﾗｯｸﾊﾞｯｸ：見出し*/
.comment-body h3 ,trackback-body h3 {
margin : 0px;
padding : 0px 0 0px 20px;
color : #749B78;
letter-spacing : 0.2em;
}

/*ｺﾒﾝﾄ＆ﾄﾗｯｸﾊﾞｯｸ：ﾃｷｽﾄ*/
.co_text ,tb_text {
margin : 0px;
padding : 5px 20px 0px 20px;
line-height: 150%;
}

/*ｺﾒﾝﾄ＆ﾄﾗｯｸﾊﾞｯｸ：ｽﾃｰﾀｽ*/
ul.co_state ,ul.tb_state {
margin : 0;
padding : 5px 50px 2px 0px;
list-style-type : none;
text-align : right;
font-size : 105%;
border-bottom : 1px dotted #C2A858 ;
}
ul.co_state li ,ul.tb_state li {
display : inline;
}


/*ﾄﾗﾊﾞURL*/
.trackbackarea p {
margin : 20px 20px 5px 0;
padding : 0px;

}
.trackbackarea p a {
margin : 0px;
padding : 2px 5px;
border-top : 1px dotted #C2A858 ;
border-bottom : 1px dotted #C2A858 ;
border-left : 1px dotted #C2A858 ;
border-right : 1px dotted #C2A858 ;
}
.trackbackarea p a:hover {
border : 1px dotted #C2A858 ;
}



/* =============================================
ｺﾒﾝﾄ投稿＆修正ﾌｫｰﾑ
============================================= */

/*投稿ﾌｫｰﾑ*/
.entry_form {
margin : 0px;
padding : 20px 0px 0px 20px;
line-height : 200%;
background-color : #500508;
background-image : url("http://img.f.hatena.ne.jp/images/fotolife/u/utopian20/20100330/20100330125439.jpg?1269921724");
background-repeat:repeat;
background-position : right bottom;
border : 1px double #C2A858 ;
}
/*投稿ﾌｫｰﾑ：入力*/
dl.co_form {
margin : 20px 0 0 0;
padding : 0px ;
}
/*投稿ﾌｫｰﾑ：ﾗﾍﾞﾙ*/
dl.co_form dt label {
position : absolute;
text-align : left;
width : 50px;
}
/*投稿ﾌｫｰﾑ：入力*/
dl.co_form dd {
margin-left : 60px;
padding-bottom : 3px ;
}
/*投稿ﾌｫｰﾑ：ｻｲｽﾞ*/
dl.co_form dd input#title,dl.co_form dd input#name,dl.co_form dd input#url,dl.co_form dd input#mail {
width : 250px;
}
dl.co_form dd textarea#comment{
width : 350px;
}
/*ｺﾒﾝﾄ投稿･編集小見出し*/
#comment_post,#comment_edit {
font-size: 120%;
letter-spacing : 0.1em;
color: #C2A858;
}

/*ｺﾒﾝﾄ：ﾍﾟｰｼﾞ移動*/
.commentarea ul.entry_navi {
margin : 0;
padding : 0px 50px 2px 0px;
list-style-type : none;
text-align : right;
border-bottom : 1px #C2A858 ;
}

---------------------

▽2 ● Cherenkov
●500ﾎﾟｲﾝﾄ ﾍﾞｽﾄｱﾝｻｰ
#days .sidebar {
 left: -41% !important;
 top: 10px !important;
 width: 36% !important; 
}

これを一番下に追加すればﾄｯﾌﾟﾍﾟｰｼﾞとほぼ同じように表示されます｡
一度､ｾﾚｸﾀに.sidebarと書いてあるｺｰﾄﾞを全部除去して練り直したほうがいいような｡

よく見直してみたら､"特定の"｢次の5日分｣がおかしいのですね｡sidebar周辺のDOM構造が不自然に異なるのではてなに直接問い合わせたほうがいい事案の気がします｡

もしかして｢ﾃﾞｻﾞｲﾝ編集｣の｢ﾍﾟｰｼﾞのﾍｯﾀﾞ｣もしくは｢ﾍﾟｰｼﾞのﾌｯﾀ｣の＜div class="sidebar">辺りを編集していたらそれが原因かもしれません｡
別に新しくﾌﾞﾛｸﾞを作ってすっぴんの状態を確認してみてください｡

ゆｰとさんのｺﾒﾝﾄ
ご回答ありがとうございます､ｻｲﾄﾞﾊﾞｰのｺｰﾄﾞも他のｺｰﾄﾞも たぶんかなり無茶苦茶ですよね(汗) ただいまCherenkovさんのｺｰﾄﾞをｽﾀｲﾙｼｰﾄに入れてみたところ､ ｻｲﾄﾞﾊﾞｰが正常な表示に戻りました､ありがとうございます！ 初歩的な質問で大変失礼しました､ｽﾀｲﾙｼｰﾄをきちんと勉強するよう 頑張ってみます｡.sidebarと書いているｺｰﾄﾞを除去した方が確かにいいかも しれませんね･･･僕も試行錯誤で設定していて微妙な均衡で成り立ってた 感じでしたので､しっかり組み直さないといけないですね(汗)
ゆｰとさんのｺﾒﾝﾄ
そうなのですね､sidebarはちょっと不安定で場合によっては はてなに問い合わせてみようかと思います｡ あっ､<div class="sidebar">でもしかするといじってしまったのかもです､ ちょっと見直してみたいと思います､ご教示ありがとうございます｡
▽3 ● otusoham
●0ﾎﾟｲﾝﾄ

今見させてもらったのですが､なおっているのですが｡

なおったのでしょうか？

ゆｰとさんのｺﾒﾝﾄ
はい､Cherenkovさんのご助言で直す事ができました､ たぶん､これで大丈夫だと思いますが､ご意見､ご助言頂ければ幸いです｡
関連質問
●質問をもっと探す●

0.人力検索はてなﾄｯﾌﾟ
8.このﾍﾟｰｼﾞを友達に紹介
9.このﾍﾟｰｼﾞの先頭へ
□対応機種一覧
□お問い合わせ
□ﾍﾙﾌﾟ/お知らせ
□ﾛｸﾞｲﾝ
□無料ﾕｰｻﾞｰ登録
□はてなﾄｯﾌﾟ