カイヤン雑記帳スマートフォン用の表示で見るカイヤン雑記帳カイヤンがやったことを書いておいたり、ぼやきたいことを書き込んだりする場所2016-06-11デザインCSSいじってみたはてなブログの使い方Tweetおはようございますまたはこんにちはまたはこんばんは。ブログを開設したわいいのですが、早速アレな事案。サイドバーが下に表示される。サイドとはなんだったのか......。頭の方にでてきたページを見ても改善せず。作業メモいやー助かった助かった。ちきち過ぎて読めないサイドバー......なんか合わないぞ。サイドバーの大きさが足りない。それに縦線と本文がきっつきつだ。前述のリンク先の方は、サイドバー部分も自作なのか、先のコードで合うような大きさだったようです。Twitterで嘆いていると、HTMLの要素のidかclassを見つけてそこをいじればうまくいくとのこと。Chromeで開発者ツールからぱっと見てみると、どうも縦線については#main-innerをいじくればよさそうです。box2がサイドバーのidでした。縦線をいじる前にbox2のwidthを広げた結果ずれてしまった。タイトル部分も大きくしないといけないようなのですが、なかなか要素が見つからない。なんとか探し出すと#container-innerのwidthが1000しかないのが原因と推測されました。そこで修正をかけるのですが変化なし。Twitterで助けを求めると助けが来ました。max-widthが定義されているか確認せよと。開発者ツールの右を見てみると、確かにmax-widthが1000にされていました。デザインCSSでそこも含めて書き換えると、すべて解決しました。14px;}デフォルトのサイドバーのまま左に表示させたい、サイドバーまで1から作りたくない、そういう方の参考になれば幸いです。余計な部分があるかもしれません。こんな感じで、最初のうちははてなブログをいじっていくかんじの記事になるかもしれません。今のところ現状のUIで満足しているので、変更してもせいぜい背景くらいでしょう。ぼやきはじめるかもしれません。上述のCSSコードのReferenceとなったブログの著者、sos様よりスターをいただきました。ありがとうございます。»プロフィールid:chijanカイヤンです。好きなものは下手の横好き。(1)注目記事...はてなブログをはじめよう!chijanさんは、はてなブログを使っています。ブログを報告するスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。