Maximum and Minimum Width Solution for All Browsers

min-width and max-width is very useful command of CSS, whereby you can specify a minimum width for any element. This can be particularly useful for specifying a minimum width for a page.

Unfortunately, this command IE doesn’t understand, so we’ll need to come up with a new way of making this functionality work in this browser.

First, insert a <div> under the <body> tag, as we can’t assign a minimum width to the <body>:
<body>

<div>

Next, we create our CSS commands, to create a minimum width of 600px:

#container

{

min-width: 600px;

width:expression(document.body.clientWidth < 600? “600px”: “auto”);

}

The first command is the regular minimum width command; the second is a short JavaScript command that only IE understands. Do note, though, that this command will cause your CSS document to become invalid; you may prefer to insert it into the head of each HTML document to get around this.

You might also want to combine this minimum width with a maximum width:
#container

{

min-width: 600px;

max-width: 1200px;

width:expression(document.body.clientWidth < 600? “600px” : document.body.clientWidth > 1200? “1200px” : “auto”);

}

Comments
  1. Katie McDonnal
  2. wparena
  3. favSHARE
  4. Brendan Legra
  5. Cruz Lafrancois
  6. Drew Ridep
  7. pharmacy tech
  8. CNA Salary
  9. actron cp9190