November 20, 2005
本文幅可変の3カラム
以前、使っていた、ちびたさんの本文幅可変の3カラム・デザインは、本当に使い易くって。
livedoor blogが新環境に移ってからも、「あー、またあのテンプレ使いてー」と思ってました。
で、昨日、休日出勤してガリガリ仕事したおかげで、今日は、まるまる一日ぼんやりとした日だったので、その、可変幅の3カラムが出来ないものかと、色々いぢくりまわした結果、どうにか出来上がりましたので、ここにお披露目させていただき申す。
てか、ちびたさんの、このCSSから、bannerとcontainer、サイドバー部分の設定を抜き出して、新環境デフォルトのCSSと折衷させただけなんですが。
ボックスモデル・ハックとか、3カラムにするために、本文と左サイドバーをwrapperで包んで、とか、一応勉強したのに、ほとんど役に立たなかった… orz
そのうち、ほんまもんの独自テンプレとか作ってみたいんですが、道のりは、遠いなあ…
気を取り直して。
ちびたさんには、本当に感謝です。ありがとうございましたm( _ _ )m
IEとfirefoxで確認はしておりますが、「ここ変だよー」と気づかれた方は、ご一報くださいませ。
よろしくお願いいたします。
livedoor blogが新環境に移ってからも、「あー、またあのテンプレ使いてー」と思ってました。
で、昨日、休日出勤してガリガリ仕事したおかげで、今日は、まるまる一日ぼんやりとした日だったので、その、可変幅の3カラムが出来ないものかと、色々いぢくりまわした結果、どうにか出来上がりましたので、ここにお披露目させていただき申す。
てか、ちびたさんの、このCSSから、bannerとcontainer、サイドバー部分の設定を抜き出して、新環境デフォルトのCSSと折衷させただけなんですが。
ボックスモデル・ハックとか、3カラムにするために、本文と左サイドバーをwrapperで包んで、とか、一応勉強したのに、ほとんど役に立たなかった… orz
そのうち、ほんまもんの独自テンプレとか作ってみたいんですが、道のりは、遠いなあ…
気を取り直して。
ちびたさんには、本当に感謝です。ありがとうございましたm( _ _ )m
IEとfirefoxで確認はしておりますが、「ここ変だよー」と気づかれた方は、ご一報くださいませ。
よろしくお願いいたします。
トラックバックURL
この記事へのコメント
1. Posted by Ikuno Hiroshi November 21, 2005 10:44
Mac版FirefoxとSafariでは,本文カラムのトラバ&コメント部分が二文字分くらい中央カラムを浸食してます。
ブラウザのウィンドウ幅を大きくすれば解決しますから大した問題じゃないですが(笑)
ブラウザのウィンドウ幅を大きくすれば解決しますから大した問題じゃないですが(笑)
2. Posted by daddyscar November 21, 2005 15:45
Ikunoさん、ご報告ありがとうございます。
てか、Mac版に限らず、WindowsのIEでも、ウインドウ幅が小さいときには、トラバとコメントの入力欄が被ることを発見いたしました…
_| ̄|○
コメント欄を小さくすることは可能ですが、それで使い勝手が悪くなってもと思い、トラックバックURLの表示部分のみ、左に寄せて少しだけ短くいたしました。
これを可変にすることが可能かどうか、僕の知識では、わかりません…
てか、Mac版に限らず、WindowsのIEでも、ウインドウ幅が小さいときには、トラバとコメントの入力欄が被ることを発見いたしました…
_| ̄|○
コメント欄を小さくすることは可能ですが、それで使い勝手が悪くなってもと思い、トラックバックURLの表示部分のみ、左に寄せて少しだけ短くいたしました。
これを可変にすることが可能かどうか、僕の知識では、わかりません…