home > toc > position:fixed fixed > IE6 > fixed box

Fixed box for IE6/win

@media screen
  {
  body
    {
    margin: 0;
    padding: 1em 1em 1em 14em;
    color: #000;
    background: #fff;
    }
  div.fixedBox
    {
    position: fixed;
    top: 1em;
    left: 1em;
    width: 12em;
    border: 1px solid #000;
    background: #eee;
    }
  div.fixedBox p
    {
    margin: 1em;
    }
  /* Don't do this at home */
  * html
    {
    overflow-y: hidden;
    }
  * html body
    {
    overflow-y: auto;
    height: 100%;
    padding: 0 1em 0 14em;
    font-size: 100%;
    }
  * html div.fixedBox
    {
    position: absolute;  
    }
  /* All done. */
  }

The quick brown fox would like to jump over some lazy dogs but is stuck in this box.


2004 Eric Bednarz