<aside id="sidebar">Aside alanı <div id="menu"> <ul> <li><a href="#">Menu 1</a></li> <li><a href="#">Menu 2</a></li> <li><a href="#">Menu 3</a></li> </ul> </div> <div id="uyari"> <p>Son Bildirimler</p> </div> </aside>
aside#sidebar{ float:right;/* sayfanın sağında durmasını istediğimiz için solda ise LEFT yazıyoruz*/ background:#ccc; width:300px; border:1px solid #000; } #menu{ width:290px; height;100px; border:1px solid #000; margin:auto; margin-top:3px; } #uyari{ margin-top:5px; border:1px solid #000; width:290px; height:100px; margin-left:auto; margin-right:auto; margin-bottom:2px; }