I thought I saw a post on this subject before, but I was unable to find it. I am looking for a way to simulate the min-xxx properties in IE (in this case min-width, but I would hope it should work for all). In my example, I have the following code:
div#container {
width: 75%;
min-width: 700px;
}
In standards compliant browsers, this does exactly what I want: it takes up 75% of the available space, but never gets any smaller than 700px. I know that I could set the width to 700px and then use some selectors that IE can't understand to set the min-width, but I want it to start at trying to be 75%, and then if that is not possible, stay at 700px.
Any ideas?An example can be found here:
<!-- m --><a class="postlink" href="http://www.svendtofte.com/code/max_width_in_ie/">http://www.svendtofte.com/code/max_width_in_ie/</a><!-- m -->
div#container {
width: 75%;
min-width: 700px;
}
In standards compliant browsers, this does exactly what I want: it takes up 75% of the available space, but never gets any smaller than 700px. I know that I could set the width to 700px and then use some selectors that IE can't understand to set the min-width, but I want it to start at trying to be 75%, and then if that is not possible, stay at 700px.
Any ideas?An example can be found here:
<!-- m --><a class="postlink" href="http://www.svendtofte.com/code/max_width_in_ie/">http://www.svendtofte.com/code/max_width_in_ie/</a><!-- m -->