ログインしてさらにmixiを楽しもう

コメントを投稿して情報交換!
更新通知を受け取って、最新情報をゲット!

CSSテクニックコミュの3カラムのリキッドデザインで2点質問です

  • mixiチェック
  • このエントリーをはてなブックマークに追加
http://desperadoes.biz/style/dan/3-ab.html
上記のサイトのサンプルをお借りし、デザインをしていたのですが、
途中でWinIEだけ右のメニューがわずかに動くのに気がつきました。
普通はあまり気付かないところかもしれませんが、ブラウザを大きくしたり小さくしたりした時に右に背景を入れているせいもあり、メイン部分のコンテンツにかぶってしまっていました。
ちょっと目立ってしまうので、かぶらない方法をご存知ないでしょうか。

また、可変で中身を一定以上(800pxくらい)は小さくならないようにしたいのですが、どなたかご存知の方いらっしゃいましたら教えて下さい。

コメント(8)

ヘッダーなり、フッターなり、可能な部分で
ページ内にwidth:800pxのコンテンツをひとつ入れる
というのはいかがでしょう?
私もいろいろ調べたのですが、出てない話はこれくらいでしょうか。

javascriptで実現
http://reverb.jp/vivian/index.php?itemid=329
CSSで擬似的なmin-width
http://snippet.admi.co.jp/archives/67/
せめてWinIE6だけでも、というとき。
http://mixi.jp/view_diary.pl?id=81354844&owner_id=54752

下手にCSSで裏技!のようなことをするよりは、javascriptがいいかも?と思ってます。
みなさんありがとうございます!

まだダミーなんですが、作ってるのは以下の感じです。
http://www.aa.alpha-net.ne.jp/hilolin/test/ttes.html

りささんの「javascriptで実現 」でやろうとしたんですが、
どこの部分をいじったらいいか全然わかりませんでした(汗)
よろしかったらご教授いただけたらと思いますm(_ _)m
そもそもタグ付けがめちゃめちゃに感じますが・・・。
h1 は無いわ、h4 から始まるとか意味が分かりませんね・・・。
 
新聞を想像すると良いと思います。
 
トップページは“○○新聞”が h1。
 記事見出しが h2 など。
それ以降は“社会面”“経済面”が h1。
 やはり記事見出しが h2。
 そのまた中見出しが h3 など。

せっかく苦労して CSS でレイアウトするなら
“伝える”ことを最優先に学ぶべきです。

そもそもコミュ違いですか^^;ごめんなさい。
マッツさん
一度見せなければならない時があったので、早急に付け加えたりした部分もありh4からと意味不明になっています。

cssレイアウト以前に「伝える」ことはとても大切ですよね。
ご指摘ありがとうございます!

ログインすると、みんなのコメントがもっと見れるよ

mixiユーザー
ログインしてコメントしよう!

CSSテクニック 更新情報

CSSテクニックのメンバーはこんなコミュニティにも参加しています

星印の数は、共通して参加しているメンバーが多いほど増えます。

人気コミュニティランキング