16bit!スマートフォン用の表示で見る16bit!エンジニアじゃなくなっちゃった人が何かを書くブログ2013-08-02【CSS】はてなブログの3カラム化が難しい件cssCSS超初心者です。今週頭には、「ちょっと勉強がてらはてなブログのテーマでも作ってみようか」と思い立ち、しばらく公式テンプレの"boilerplate"をもとに適当に弄っていました。ブログタイトルにもある通り、テーマは「似非フラット」です。現状はてなブログでは3カラムのブログテーマを作成するのが非常に難しいです。実際にはサイドバーは1列分の領域にwidthとfloatを調節して無理矢理2列分入れているだけです。)というのも、現状のはてなブログ自体がサイドバーを2列表示させるような仕様になっておらず、HTML上には"box1"と"box2"という2つのサイドバー領域があるものの、サイドバーに設定したモジュールは全てどちらか一方(僕が試したものでは全てbox2でした)に表示されるようになっており、もう一方は必ず空なのです。したがって、ユーザーは3カラム表示させようと思うと僕のようにfloatなどを調節して無理矢理3カラムっぽくするか、こちらのサイトで紹介されているように、HTMLモジュールを使ってサイドバーを無理矢理2分割するかしかありません。どちらの方法もCSSの配布のみで完全に対応することができないため、CSSの配布で行うはてなブログテーマストアへの投稿は難しいのです。box1とbox2という領域が用意されている以上、3カラムレイアウトが公式対応されるのは間違いないと思われます。なったら今作っているテーマもCSSだけで実現できるようになって汎用的になるので、その時にはテーマストアに投稿してみようかなぁ。港区界隈でSEやってた暇人。今はITコンサルとかいう胡散臭い職種になっています。好きな和音はsus4です。(1)月別アーカイブ参加グループプログラミンググループテストしたい人のグループポケモンリンクはてなブログQiitaGitHubはてなブログをはじめよう!sakuramochi702さんは、はてなブログを使っています。ブログを報告するスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。