tags:

views:

48

answers:

2

Hello,

This is my web page which doesn't work in IE8 but works in FF 3.6.4 and Opera 9.63 :-

<html>
    <head>
        <style type="text/css">


            body{
                max-width:10002px;
                min-width:3072px;
                width:10002px;
                margin:0px auto;
                background:#293231;
                height:100%;
                padding:0px;
            }


        </style>
    </head>
    <body >


    </body>
</html>

No scrollbar appears at the bottom of the page in IE8

+2  A: 

You should add a doctype declaration to your page - this will make sure most browsers behave as closely as possible the same way. At least it will eliminate one class of possible issues.

Most of the time, when it comes to scrollbars, they will appear only when content is wider/higher then the client display area, whatever the CSS rules are.

Oded
+5  A: 

There is no point in setting max-width and min-width if you are going to set a width value that will cause them to be ignored. In your example min-width will never be used as you've already set width to a greater value. Likewise, max-width is unnecessary here because width has been set to the same value.

This would be a more appropriate use of the three:

div.yourdiv {
    max-width: 300px;
    min-width: 100px;
    width: 50%;
}

This div will be 50% of the width of the element containing it, but will not exceed 300px in width or fall below 100px in width.

greenie