Column count property fails to support in IE

HTML & CSS
1

The css property “column count” supports in firefox. But it doesnt support in i.e What needs to be done, so that it shows properly in ie and in other browsers too…


<div class="inner_banner_bullets">
          &bull; option 1<br />

          &bull; option 2<br />
          &bull; option 3<br />
		  &bull; option 4<br />
		  &bull; option 5<br />
		  &bull; option 6 <br />

		  &bull; option 7<br />
		  &bull; option 8<br />
          
</div>



.inner_banner_bullets{
  padding:20px 10px 10px 10px;
/*  background: #2f3624;*/
  background: #353C2C;
  margin:10px 0 0 0;
  color:#7c7c58;
  text-align:left;
  font:13px "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
  border: 1px solid #2b2e1f;
  line-height:22px;
  -moz-column-count: 2;
	-moz-column-gap: 20px;
	-webkit-column-count: 2;
	-webkit-column-gap: 20px;
	column-count: 2;
	column-gap: 20px;  
	}
2

This is a CSS3 property, which is only experimental at this stage. You can’t really use this for commercial layouts yet. Sit tight, and maybe in ten years IE will have come to the party… or maybe not. :eek:

You’ll just have to do this the old fashioned way, I’m afeard.

You could check out these articles for some inspiration:

http://novitskisoftware.com/test/multiplecolumnsEms.html

3

Thanks for the below

  • Your Links and
  • Saving my 10 years :cool:
4

I wouldn’t say definitely you can’t use it yet. I’ve used it for a couple of sites for sitemaps where in IE the user just has to scroll a bit more to read all the content. The content isn’t any less readable in multiple or a single column. There are other situations I’m sure too where it would be OK to use.