グラフィックデザイナーã®ãŸã‚ã®CSSレイアウトメモ : Ajaxライブラリ使用サンプル集「ブãƒãƒƒã‚¯è¦ç´ ã®é«˜ã•ã‚’æƒãˆã‚‹ã€ãƒ–ãƒãƒƒã‚¯è¦ç´ ã®é«˜ã•ã‚’æƒãˆã‚‹ ã“ã®ãƒšãƒ¼ã‚¸ã¯å³å›³ã®ã‚ˆã†ã«ã€Œ#sideã€ã€Œ#mainã€ã®ï¼’ã¤ã®ãƒœãƒƒã‚¯ã‚¹ã‚’並ã¹ã¦ä½œã£ã¦ã„る。#sideãŒãƒ¡ãƒ‹ãƒ¥ãƒ¼ã®ã‚¹ãƒšãƒ¼ã‚¹ã€#mainãŒæœ¬æ–‡ã®ã‚¹ãƒšãƒ¼ã‚¹ã€‚ å·¦å³ã«ä¸¦ã¹ãŸãƒœãƒƒã‚¯ã‚¹ã¯ã€å…¥ã‚‹å†…容ã®é‡ãŒå¯å¤‰ãªã‚‰ã°ã€é«˜ã•ã¯æƒã‚ãªã„。 ã“ã®ãƒšãƒ¼ã‚¸ã¯ã€æœ¬æ–‡ã‚¹ãƒšãƒ¼ã‚¹(#main)ã®ã»ã†ãŒãƒ¡ãƒ‹ãƒ¥ãƒ¼ã®ã‚¹ãƒšãƒ¼ã‚¹(#side)より長ããªã‚ŠãŒã¡ã€‚ ã—ã‹ã—ã€èƒŒæ™¯ã‚’æƒãˆãŸã‚Šã€ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã‚¹ãƒšãƒ¼ã‚¹ã®ä¸‹éƒ¨ã«ãƒãƒŠãƒ¼ã‚’入れãŸã„時ãªã©ã«ã€Œé«˜ã•ã‚’æƒãˆãŸã„ã€ã¨ã„ã†ã“ã¨ãŒã‚る。 PHOTOライブラリページãªã©ã‚‚ã€å¤©åœ°ãŒãƒãƒ©ãƒãƒ©ã ã¨è¦‹è‹¦ã—ã„ã®ã§æƒãˆãŸã„。 ãã‚“ãªæ™‚ã€ã€ŒjQueryã€ã¨ã€ 北æ‘曉æ°ã«ã‚ˆã‚‹ã€Œjquery.flatheights.jsã€ã‚’使ã£ã¦ã€æŒ‡å®šã—ãŸãƒœãƒƒã‚¯ã‚¹ã®é«˜ã•ã‚’ç°¡å˜ã«æƒãˆã‚‹ã“ã¨ãŒã§ãる。 ã“ã®æ–¹æ³•ã¯ã€JavaScriptã‚’<head>部ã«èªã¿è¾¼ã‚€ã ã‘ãªã®ã§ã€æ‰‹é–“入らãšã§ãƒ›ãƒ³ãƒˆç°¡å˜ã€‚ â—ã“ã¡ã‚‰ãŒã‚µãƒ³ãƒ—ル
{{#tags}}- {{label}}
{{/tags}}