一行ã‚ãŸã‚Šã®æ–‡å—数を制é™ã™ã‚‹ãƒªã‚ッドレイアウト - 2xup.org2006-12-20T02:12:30+09:00 今回ã®ãƒªãƒ‹ãƒ¥ãƒ¼ã‚¢ãƒ«ã§ã¯ã€ã“ã‚Œã¾ã§ px ã§æŒ‡å®šã—ã¦ã„ãŸã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã®å¹…ã®å€¤ã®å˜ä½ã‚’ % ã¨æŒ‡å®šå¤‰æ›´ã€‚ ã„ã‚ゆる liquid (リã‚ッド) レイアウトã¨ã„ã†ã‚‚ã®ã«ã—ã¾ã—ãŸã€‚ユーザãŒé–²è¦§ã—ã¦ã„るブラウザã®å¹…ã«åˆã‚ã›ã¦ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã®å¹…も変化ã—ã¾ã™ã€‚ div#container { width: 80%; } px ã§æŒ‡å®šã—ã¦ã„ãŸã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã®å¹…ã‚’ã€% ã§ã®æŒ‡å®šã«å¤‰æ›´ã—ã€ãƒªã‚ッドレイアウトã«å¤‰æ›´ã—ãŸã‚‚ã®ã®ã€ã‚¦ã‚£ãƒ³ãƒ‰ã‚¦ã‚µã‚¤ã‚ºã® 80% ã®å¹…ã¨ã„ã†æŒ‡å®šã§ã™ã®ã§ã€ã‚¦ã‚£ãƒ³ãƒ‰ã‚¦ã‚µã‚¤ã‚ºã‚’広ã’ã‚Œã°ã„ãらã§ã‚‚大ãããªã‚Šã¾ã™ (ã‚‚ã¡ã‚ã‚“å°ã•ãã‚‚ãªã‚Šã¾ã™)。ãã‚Œã§ã‚‚å•é¡Œãªã„ã®ã§ã™ãŒã€ã§ãã‚Œã°ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã®å¹…ã«æœ€å¤§å¹…ã¨æœ€å°å¹…を指定ã—ã€å°ã•ããªã‚Šã™ãŽã¦ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆãŒå´©ã‚Œã‚‹ã‚ˆã†ãªäº‹ã‚‚ãªãã€ä¸€è¡Œã‚ãŸã‚Šã®æ–‡å—æ•°ã‚’ç›®ã§è¿½ãˆã‚‹ç¨‹åº¦ã®å¹…ã‚’ã‚ープã§ãã‚Œã°ã¨è€ƒãˆã€ã„ã‚ã„ã‚試ã—ã¦ã¿ã¾ã—ãŸã€‚ fl
ウノウラボ Unoh Labs: エラスティック・レイアウトã®ã”紹介
固定幅ベース㮠elastic レイアウトサンプル
ブラウザã«ä¾å˜ã›ãšæ–‡å—ã®å¤§ãã•ã‚’統一ã•ã›ã‚‹æ–¹æ³• - デザインテンプレート無料é…布 || Cool Web Window
{{#tags}}- {{label}}
{{/tags}}