一行あたりの文字数を制限するリキッドレイアウト - 2xup.org

2006-12-20T02:12:30+09:00 今回のリニューアルでは、これまで px で指定していたコンテンツの幅の値の単位を % と指定変更。 いわゆる liquid (リキッド) レイアウトというものにしました。ユーザが閲覧しているブラウザの幅に合わせてコンテンツの幅も変化します。 div#container { width: 80%; } px で指定していたコンテンツの幅を、% での指定に変更し、リキッドレイアウトに変更したものの、ウィンドウサイズの 80% の幅という指定ですので、ウィンドウサイズを広げればいくらでも大きくなります (もちろん小さくもなります)。それでも問題ないのですが、できればコンテンツの幅に最大幅と最小幅を指定し、小さくなりすぎてレイアウトが崩れるような事もなく、一行あたりの文字数を目で追える程度の幅をキープできればと考え、いろいろ試してみました。 fl

[webmarksjp]

css

[minimum_sho]

エラスティックレイアウトについて。

[natsubi]

emでの指定、ブラウザの（min|max）-width対応表あり

[vv_boow_vv]

elasticレイアウトとflexibleレイアウト。

[s-e-i]

"ちゃんとCSSするためのスタイルガイド入門"にもあったem単位で指定するやり方とかとか

[irohiroki]

ブラウザの対応状況を詳しく知りたかった

[blend27]

エラステックレイアウト

[aru-san]

エラスティックレイアウト

[barlog]

明快！RSS Reader がブラウザに内包必至な未来（e.g. Sage）これは早急に取り入れたい。

[k_ume75]

一行あたりの文字数が固定されるので、目で終えなくなるようなことは無くなりそう

[as365n2]

elasticレイアウト。min-width, max-width をem単位で指定する。

[Trino-o-niku]

エラスティックレイアウトについて。

[onk]

elastic レイアウトのすすめ．

[hiroette]

CSSでレイアウトの幅を設定する色々な方法

[NinaLuna]

文章だらけのページレイアウトに。

[lomo_lomo]

コンテンツの幅に最大幅と最小幅を指定

[shozzy]

リキッドレイアウトは1999年頃からやっていたけど。em指定でのフレキシブルレイアウトはよいかも。

[bigwest]

幅の問題

[shidho]

なんで使わないのかと思ったら、IEが未対応なのか。

[kasedac]

"px で指定していたコンテンツの幅の値の単位を % と指定変更。 いわゆる liquid (リキッド) レイアウトというものにしました‥コンテンツの幅に最大幅と最小幅を指定‥flexible‥ レイアウト‥elastic‥レイアウト"

[denken]

「非対応のブラウザでも min-width, max-width 両プロパティを有効にするスクリプトも公開されているので、利用しても良いかもしれませんね。」

[asukab]

css

[harumomo2006]

まだまだ使えない

[miya2000]

min-width,max-widthがIE7でやっと対応。 emで指定する発想は無かったわ。

[lovely]

max-width, min-widthを em で指定する

[naheta]

CSS webデザイン　スタイルシート　width

[QkeyQ]

elasticレイアウト

[kaonore]

cssレイアウト

[koyhoge]

min-width, max-widthプロパティ

[lockcole]

widthでピクセル指定して幅固定するSolidレイアウト，％指定して画面幅における比率で決めるflexible レイアウト，そして文字数で幅を決めるelastic (エラステック) レイアウト。emを指定する。最近流行になってるみたい。