はてなブックマーク - ウノウラボ Unoh Labs: エラスティック・レイアウトのご紹介

ウノウラボ Unoh Labs: エラスティック・レイアウトのご紹介

labs.unoh.net

タグ : CSS webデザイン webdesign layout design tips Web Web制作デザイン elastic

コンピュータ・IT 290 users

yamaokaです。エラスティック・レイアウトというwebサイトのレイアウト手法をご存知でしょうか？　「エラスティック（elastic）」とは、ゴムのように弾力性がある状態のことです。言い換えると「伸び縮みするレイアウト」になるでしょうか。 webサイトの代表的なレイアウト手法として、次の2つが挙げられるかと思います。固定幅レイアウトリキッド・レイアウト固定幅レイアウト固定幅レイアウトでは、コンテンツを格納するボックスの幅を以下のように絶対値で指定します。 div#container { ... > このページを見る

最終更新時間: 2007年04月03日17時25分

▼ブログで紹介する

みんなのブックマーク人気（0）新着

cachico css, design, tips, html, web製作
エラスティックレイアウトについて書いてあるお。 2011/03/22
flat_mountain
リキッドレイアウト 2011/02/08
zonoise webデザイン
エラスティックレイアウト 2010/10/24
sky_2007 layout
エラスティック 2010/08/05
okosou layout, tutorial
Elasticレイアウト 2010/05/13
invent *css, *webãã¶ã¤ã³
ãã¨ã©ã¹ãã£ãã¯ã»ã¬ã¤ã¢ã¦ãã¯ãªãããã»ã¬ã¤ã¢ã¦ãã®ä¸å½¢æã¨ãã¦æãããã¨ãã§ãã¾ãã ãããåæã«ã 2009/04/16
denken CSS, webデザイン
横幅のem指定とmax/min-width 2009/02/16
june29 web, html, css, layout
横幅を文字サイズ単位で指定する。 2009/01/16
koumiya *デザイン
エラスティック・レイアウトとは、伸び縮みするゴムのようなレイアウト。IEではminmax.jsかexpressionを使う必要あり。 2008/12/01
inugamix webdesign, CSS
ゴムゴムのレイアウト 2008/11/26
webmarksjp css, layout, elastic, web制作, WebDesign, 試したい
accessibility 2008/07/14
Vichy layout, web制作, WebService
エラスティック・レイアウト、固定幅レイアウト、リキッド・レイアウト各レイアウトの特色 2008/05/20
poooooon CSS
リキッド・レイアウト。サイズの割合指定と文字の大きさ指定 2008/04/28
SpeedcoreTokyo webdesign, layout, howto, tips, CSS
ふむふむ。ブログに適用してみようか 2008/03/25
vv_boow_vv css, Webdesign, Layout
　レイアウトの最大幅が文字のサイズと同期するようになります。したがって、レイアウトがウィンドウの幅に左右されることなく、幅が広がって1行あたりの文字数が増え、読みづらくなることを防ぐことができます。 2007/11/28
matsu_papico
エラスティクレイアウトのやつ 2007/08/27
masakanou accessibility
アクセシビリティの問題の意味がわからん 2007/08/25
coldcup web制作
リキッド・レイアウトの一種 2007/07/02
picnicgraphic liquidLayout・elasticLayout, レビュー・レポ・分析, わかりやすい, ★
エラスティック・レイアウトのわかりやすい説明。文字サイズ単位で最大幅を指定することでレイアウトの最大幅が文字のサイズと同期するようになる。IE6以前：minmax.jsを利用/expression属性使用するなど。 2007/05/09
ochanoco_naoco elastic, webデザイン, css
IE6でmax-widthを実現する方法 2007/04/18