FC2ブログ

雑記的な...

いろいろと勉強途中のドシロウトが書く雑記

スポンサー広告

スポンサーサイト

更新日時:--/--/-- --:--

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

stylish

ニコニコ動画-OldStyleの問題の解決案

更新日時:2008/03/09 04:04

ニコニコ動画-OldStyleの問題点についてですが解決案が見つかりました。

今までのやり方はfloatで回りこませて2段表示をさせるというものでした。

しかし、floatで回りこませるとボックスの大きさに差が生じた時に余計なボックスまで回りこんでしまいます。Firefoxがcss3のnth-childに対応していれば解決できるのですがFirefoxは対応していません。

そこで、根本的にやり方を変えてみました。Firefoxはcss3のcolumn系になら対応していたのでそれを使用して段組形式にました。

entry25_niconico1.gif

そうすると、このように常に最小のボックスの大きさで詰めて表示するようになりました。段組にするとtableを使ったように綺麗に並ぶのではなく詰めて表示されてしまいますが、目に入る情報は増えます。

さらに表示される順番が変わってしまいます。floatを使うと上から順に表示されますが、段組にした場合縦1列を真ん中から真っ二つに切って右側に持っていくという形になります。

entry26_niconico3.gif entry26_niconico3.gif

どのように表示するかは好みはあると思いますが、私はこれでいきたいと思います。

スポンサーサイト

コメント

コメント投稿後、編集や削除する可能性がある場合にはpassが必要になりますので、passを入力してください。また、ただ宣伝するだけのコメントと判断した場合は削除しますのでご了承ください。

コメントの投稿
管理者にだけ表示を許可する

トラックバックURL

トラックバック一覧

検索


WWW を検索
このブログを検索

Amazon


紹介

Firefoxのアドオン「Stylish」で使えるCSS作ってます。
こちら
stylishとは?

Mozilla Firefox ブラウザ無料ダウンロード

カレンダー

11│2018/12│01
- - - - - - 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 - - - - -

Copyright © 2008 雑記的な... All Rights Reserved

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