Question

I am having an issue getting the IE7 fix for Zerb Foundation 3 (found HERE)

I have changed the following:

 * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  *behavior: url(../javascripts/boxsizing.htc); 
}

as well as:

.button.dropdown > ul {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box; *behavior: url(../javascripts/boxsizing.htc); 
  display: none;
  position: absolute;
  left: -1px;
  background: #fff;
  background: rgba(255, 255, 255, 0.95);
  list-style: none;
  margin: 0;
  padding: 0;
  border: 1px solid #cccccc;
  border-top: none;
  min-width: 100%;
  z-index: 40;
}

Yet it is still not rednering properly in IE7 according to my adobe browserlab test, now im not sure if its just a browserlab issue as I cant run IE7.

I have also tried to include Modernizr’s no-box-sizing which is still implemented but also does not seem to be helping.

You can view the site HERE.

Thanks in advance!

Answer 1

I have solved the issue, I was using foundation converted to wordpress and I included the above at the top of my style.css for my theme and it worked for me.