How to make IE respect max AND min-width [duplicate]


Tags: html,css,internet-explorer

Problem :

Possible Duplicate:
How to make IE support min-width / max-width CSS properties?

I have a site that has it's main navigation in a list (floated left).

The li elements need to have a min AND max width. This css of course works fine in all good browsers. But IE (9) doesn't react to it.

    ul.dropdown li {
            line-height: normal;
                    text-align: center;
            max-width: 145px;
            min-width: 88px;
            min-height: 30px;
        }

If I use this code on one condition, for example max width IE respects it. http://perishablepress.com/maximum-and-minimum-height-and-width-in-internet-explorer/

But of course I can't use the same for min-width.

I need a solution that IE respects max AND min width.

Is there a solution?

Thank You!


edit: I forgot to mention i already added

<!DOCTYPE html>

;)



Solution :

Ok, I found the problem. It wasn`t in the code, my IE just automatically switched into Quirks mode. Changed it by going in the console (F12) and changed the Document Mode to IE9!

Thank You!


    CSS Howto..

    How to position a background image in reveal.js?

    Validatation error “Value Error : background-position Too many values or values are not” How to solve?

    How to apply External CSS to Html Helper Class Elements?

    How to make a jquery slider from scratch

    How to target the text in an element but not the text in nested elements with CSS

    How to hover a whole element to show details

    How to select nth sibling after specific class based on any number multiple with CSS? [duplicate]

    How can I archive this responsive design?

    When using ''@keyframe play'' in css, how can you get the frame the animation is currently at with javascript?

    Navigation Menu That Shows/Hides On Rollover and Click

    How to develop Desktop Apps using HTML/CSS/JavaScript? [closed]

    How to toggle div and up-down arrow heads using css only

    How to prevent from text to extend the
  • container height?
  • How do change the size of input box?

    How to make page layout responsive for every successive little change in window size?

    How to copy the CSS to another tab in Chrome?

    How do I “smarten” my HTML/CSS tables so text fits to one line (cleverly)

    How do you create a scrollbar that recognizes scrolling only for the current topmost container using css?

    How to add space between CSS table rows?

    How to define cellspacing in CSS

    How to make image fit in div using Jquery

    How to make css menu width impossible to change when zooming or changing resolution?

    How to use Pseudo-Elements : before & :after to create end caps

    How to vertically center a div for all browsers?

    How to center a div in html & css, always keep the aspect ratio, and fill max screen width/height?

    How to vertically center more than one line of text (works only on chrome)?

    How can I include a CSS stylesheet in an XSL document for Internet Explorer?

    How to remap CSS shortcut key in Mac Bluefish text editor

    CSHTML - How to I make the unordered list items horizontal?

    SVG image hover animation not shown in css background