Layoutについて
yui-extの目玉(?)であるレイアウトについて
一言でいうとレイアウトを 上、下、左、右、真ん中 で切り分けて表示してくれるもの。
これらの各パーツをDIVにしておいといてyui-extを設定するだけで完了。
DIVの順番とかサイズでスタイルが崩れるとかIEがうんことかマカーのSafariとかなーんも気にする必要なし、わお!(゚д゚)
<div id="west">
menu
</div>
<div id="north">
header
</div>
<div id="south">
footer
</div>
<div id="center">
main contents
</div>
基本はこんだけ。
もちろんこれ以上に複雑なレイアウトにしたいだとか、そんな事も簡単に出来ちゃう。
レイアウトの中にレイアウトを入れられるので、真ん中を更に上下で区切ったり、更にその上を左右で区切ったり、更に(以下略
IEハック用に余分なスタイルを入れたり、ブラウザ間で調整したり、そんな事に時間を費やすのは開発もデザインも望まない事だお( ^ω^)
一言でいうとレイアウトを 上、下、左、右、真ん中 で切り分けて表示してくれるもの。
これらの各パーツをDIVにしておいといてyui-extを設定するだけで完了。
DIVの順番とかサイズでスタイルが崩れるとかIEがうんことかマカーのSafariとかなーんも気にする必要なし、わお!(゚д゚)
<div id="west">
menu
</div>
<div id="north">
header
</div>
<div id="south">
footer
</div>
<div id="center">
main contents
</div>
基本はこんだけ。
もちろんこれ以上に複雑なレイアウトにしたいだとか、そんな事も簡単に出来ちゃう。
レイアウトの中にレイアウトを入れられるので、真ん中を更に上下で区切ったり、更にその上を左右で区切ったり、更に(以下略
IEハック用に余分なスタイルを入れたり、ブラウザ間で調整したり、そんな事に時間を費やすのは開発もデザインも望まない事だお( ^ω^)
0 Comments:
コメントを投稿
<< Home