Home/ Questions/Q 6322071
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-24T16:15:49+00:00

My knowledge of css is very limited. In a larger context, I need to

  • 0

My knowledge of css is very limited. In a larger context, I need to do something like the following:

Inner div goes inside other divs. I am trying to position the inner div, offset from the browser window and with a size that is certain percentage of the browser window. So I apply the following css to the inner div

.abs_pos {
    position: absolute;
    top: 25%;
    left: 25%;
    width: 50%;
    height: 50%;
    background-color: yellow;
    z-index:1002;
    overflow: auto;
}

This works on Chrome and Firefox. But on IE (all version), the inner div’s width becomes a percentage of the immediate outer div and not that of the browser window, while the height appears to be determined based on the content of the inner div.

I have the link here to the sample html file.
http://orissaclassifieds.com/pos.html

So how can I make this work? Thanks for your help.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Your current code should work, but you are using an invalid/incomplete doctype which is sending IE into quirks mode.

    For HTML4.01 Transitional it should be:

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

    However, a much shorter/simpler doctype to use is HTML5’s. It will trigger standards mode in all browsers:

    <!DOCTYPE HTML>
    • 0