Forums d'entraide informatique - Astuces - Conseils

Cette astuces consiste à réaliser une box en Css avec une div qui aura l'apparence des iframes sans tous ces défaut, le code est ultra simple le voici :


L'astuce consiste a utiliser l'attribu overflow

<style type="text/css">
                html, body {
         
              margin: 0;
                        padding: 0;
                        height: 100%;
                        overflow-y: hidden;
                        background: #cce;
                        font: 11px/1.5em verdana, sans-serif;
                        }
                #container {
                        z-index: 0;
                        height: 90%;
                        width: 100%;
                        overflow: auto;
   position:absolute;
   top:80px;
                        margin:0px 0px 0px 0px;
                        }
                #content {
                        margin: 0px 40px 40px 250px;
                        border: 1px solid white;
                        background: #779;
                        color: #eee;
                        padding: 20px;
                        }               
                #fixed {
                        z-index: 3;
                        border: 1px solid white;
                        background: #55a;
                        color: white;
                        font-weight: bold;
                        position: absolute;
                        top: 80px;
                        left: 40px;
                        width: 180px;
                        padding: 10px;
                        }
#top
{position:absolute;
left:0px;
top:0px;
background:gray;
height:40px;
scrollbar:no;
overflow:hidden;
width:100%;
}