いろんな事をツラツラ~と書いています。

ブログのテンプレートを3カラムに変更

サイドバーを左から右に移動したりと、色々と試してみたのですが
なんかシックリこなかったので、
CSSで3カラムを作る方法が書かれているホームページを探して試してみました。

参考にしたのは以下のホームページです。

CSSによる3カラム(3段組)レイアウト

CSSで3カラムのホームページを作ろうと思うと
HTML側の構成をちょっと不思議な形にしないと駄目みたい。

スタイルシートの方もいったい何がしたいのか全く読み取れませんでした(泣)

仕方なく安直に記載されていたサンプルをそのままブログのテンプレートに適用して
なんとか3カラムにすることができました。



はじめ全体の幅をパーセントで指定して、
ブラウザの表示幅に自動でフィットするようにしたのですが
CSSで3カラムにした場合、横幅が不足するとサイドバーがページの下へ追いやられてしまうみたい。

しかたなく横幅を固定にしたのですが、
できれば固定せずに対応したかった・・・・。
 

コメント

コメントの投稿

送信時にキーを入力しておくと後でコメントの編集ができます。
管理人にのみ表示する

トラックバック

トラックバックURL:

ブログURL(言及リンク)を含まないトラックバックは受け付けない設定になっています。

プロフィール

かず

かず (プロフィール)

サイト検索

カレンダー

 2017年10月 
1 2 3 4 5 6 7
8 9 10 11 12 13 14
15 16 17 18 19 20 21
22 23 24 25 26 27 28
29 30 31 - - - -

月別アーカイブ

QRコード

QRコード

フィード

RSS 1.0 RSS 1.0

follow us in feedly


スポンサード リンク

Amazon.co.jp

楽天

FC2ブログ

ブログ


Copyright (C) 2017 はッいィ~!? All Rights Reserved.
テンプレート by LinkFly