|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 |
<div style="background: #9999cc;float: left;width: 100%;"> <div style="background: #9999ff ;margin-left:300px;margin-right:300px;"> センターコンテンツ<br /> margin-left: 300px; margin-right: 300px;<br /> 親要素(div)の属性<br /> float: left; width: 100%;<br /> </div> </div> <div style="background:#ff9999;float: left;margin-left:-100%;width: 300px;"> サイドコンテンツ（左）<br /> float: left; margin-left: -100%; width: 300px;<br /> </div> <div style="background: #99ff99;float: left;margin-left: -300px;width: 300px;"> サイドコンテンツ（右）<br /> float: left; margin-left: -300px; width: 300px;<br /> </div> |
DIVタグで動的な3カラム表示（サンプル）
※確認ブラウザ
IE 10 (10.0.9200.16736)
google Chrome (31.0.1650.57 m)