Question

I simply wanna set a max and a min width to my content in my IE5 compatible site i read out of this site that the solution below could solve it, in this following example i only show max width.

But there must be some issue cause it don't work can somebody tell me what is wrong? or another solution - it can have a javascript solution - but i need to be IE5 supported?

* html .wrapper { 
   width: expression( document.body.clientWidth > 960 ? "961px" : "auto" ); /* sets max-width for IE */
}
html .wrapper{
  max-width: 960px;
}
  • A footnote i compile it with compass cause its a s Sass project (it dosn't fail in the build step)
Was it helpful?

Solution

If found out what made it bug

it seems that IE5 for some odd reason ignore the expression if your normal statement isn't width and not max-width see solution below

* html .wrapper { 
   width: expression( document.body.clientWidth > 960 ? "961px" : "auto" ); /* sets max-width for IE */
}
html .wrapper{
  width: 960px;
}
html.gtie7 .wrapper{
  max-width: 960px;
  width: auto;
}

hope it was useful if anybody some day should run into the same problem

Licensed under: CC-BY-SA with attribution
Not affiliated with StackOverflow
scroll top