プロフィール

qmi

  • Author:qmi
  • html、css、フォトショ、イラレいじりは趣味と勉強を兼ねてます。

    -----------------------------------
    当サイトはリンクフリーです。
    当サイト内の記載内容・画像・デザイン等
    の無断転載を固く禁じます。

カテゴリー

最近の記事

最近のコメント

月別アーカイブ

最近のトラックバック

Amazon

ブロとも申請フォーム

スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。



--------(--) --:--| スポンサー広告| トラックバック(-)| コメント(-)

カスタムmemo

* 前記事の改善点
・メインカラムのみ両脇borderで上下ぴっちりにしたい。
・サイドバーのメニューが長いと、コメント編集や1記事表示にするとフッター部分があがってしまう。

tableで3つのセルを作る。
メインカラム
メイン(フッター部)
サイドカラム→rowspan="2"セル結合

2カラムそれぞれに、td id でcss(#main-column、#side column)のセレクタを新しく作る。cssで両カラムwidth、メインのみborderを指定。

メイン(フッター部)tdに直接指定。
valign="bottom" 
height="50"

#container
└ table
  td#main-column(#side-column)
     └ div#main(div#side)
         └ class.content

テーブルtdそれぞれに通常のdiv idが入れ子で入る。

前はテーブルのセル2つに2カラム(div#)をそれぞれ入れてみた。
メインカラムの両脇borderで上下ぴっちりは、div idでなくtd idにborderをcss指定すればセル2つでも問題ない。
あくまでfooter位置(どの状態でも下位置)にこだわらなければ。

反省としては、htmlとcss両方でスタイル指定している部分。
できればtableは使わずdiv(ブロック要素)ですべてcss記述したい派なんだけど、、まだチカラと知識が及ばず。
スポンサーサイト



2005-06-11(Sat) 16:30| ブログの構築| トラックバック 0| コメント 0

コメント

コメントの投稿

管理者にだけ表示を許可する

トラックバック

トラックバックURLはこちら
http://qmix.blog8.fc2.com/tb.php/10-576443cc

カレンダー

09 | 2017/10 | 11
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 - - - -

ブログ内検索

RSSフィード

リンク

ADS




↑ 設置で100円、500円から払出し

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。