Jump to content
Sign in to follow this  
bluetag

Problem with Internet Explorer 8

Recommended Posts

bluetag

Website: www.publicvoiceny.com/blog I used custom CSS to make the menu at the bottom of the 1st post into 2 columns. I tested it on Firefox, Google Chrome and Safari and the two columns are rendered ok by the CSS, except in Internet Explorer 8. Can someone else test on IE for me and confirm this is happening in IE 8? Help!

Share this post


Link to post
Share on other sites
catrina

Did you already go to Settings > Misc. Settings and enable Google IE Compatibility Script?


Please read the docs before posting. Please do not private message me unless I ask you to.

Designer | Catrina Dulay

Founder | Catrina and Mouse

Share this post


Link to post
Share on other sites
bluetag

I found it and enabled it but it didn't fix it. The menu in IE 8 is still displayed in 1 column

Share this post


Link to post
Share on other sites
bluetag

I found it and enabled it but it didn't fix it. The menu in IE 8 is still displayed in 1 column

Share this post


Link to post
Share on other sites
kastelic

IE8 doesn't support column-count unfortunately.

Share this post


Link to post
Share on other sites
bluetag

Can someone help me with an alternative solution to make a 2 column menu under the 1st post? One that works on all browsers or at least in IE and Firefox, and maybe Safari

Share this post


Link to post
Share on other sites
kastelic

I would make two seperate unordered lists inside divs that are half the width (or less) of their container and both floated left. If the lists are dynamically generated, then you can use offset=10 or whatever number you need as an argument of the query.

Share this post


Link to post
Share on other sites
bluetag

Hi Jimmy, can you help me fix the hook css for what you advised? This is what I did already:

	#content_sidebar ul ul {
	  float: left;
	  width: 15em;
	  margin: 0;
	  padding: 0;
	  list-style: none;
	}
	
	#content_sidebar li li {
	  float: left;
	  width: 6em;
	  margin: 0;
	  padding: 0 0 0 1.5em;
	}
	

my website is: www.publicvoiceny.com/blog

Share this post


Link to post
Share on other sites
kastelic

Try something like this for the width:

#content_sidebar ul ul {width:680px}
	#content_sidebar li li {width:300px;}

Share this post


Link to post
Share on other sites
bluetag

Thanks for your help Jimmy. It worked on all browsers, specially IE. :D

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

Sign in to follow this  

×