不法電波's Diary

ここAXXISS land.toの無料レンタルサーバでは広告が上下に付き、かつ、teeter totterがHTMLをメインコンテンツ -> サイドバー（ナビゲーション）の順に静的生成するため、結論から言えば、マルチカラムでリキッドレイアウト（多段組で可変幅のレイアウト）を組むのが非常に難しい。
そこで、我がウェブログでは主にスキン（テンプレート）のCSSを弄り、リキッドレイアウトの2カラムから1カラムへデザインを改変中である。

まず、land.toの下部広告の背景は白色なので、デザインも白色を基調にせざるを得ず、背景色を#FFFにした上で、背景画像をヘッダーにのみ適用させた。
次に、ナビゲーションを横から下に移動、つまり、段組のためのposition・margin・widthをすべて削除した上で、ナビゲーションの各項目を下部の中でfloatさせた。
基本これでおしまいだが、デザインをちょこっと変えただけで印象が大きく変わって驚いた。
個人的な目標は自動挿入される広告をいかにデザインに馴染ませるかにあり、これからも背景画像等をちょこっとずつ改変させていこうと思う。
なお、1カラムにしたため下部広告がずーっと下のほうに行ってしまったのは意図したものではなく、たまたまであるwww