CSS does not work in IE8

though does work with "Compatibility Mode"

Page 1 of 1

3 Replies - 4374 Views - Last Post: 01 February 2010 - 02:06 PM

#1 eclipsed4utoo  Icon User is offline

  • Not Your Ordinary Programmer
  • member icon

Reputation: 1524
  • View blog
  • Posts: 5,957
  • Joined: 21-March 08

CSS does not work in IE8

Posted 01 February 2010 - 08:30 AM

So I am using the AJAX AutoCompleteExtender to do my autocompletion. This works fine. However, the displaying of the list is off in IE8. If I turn on "Compatibility Mode", then it works fine.

Is this an issue with the CSS, IE8, or what?

Here is the CSS:
.AutoCompleteListElement
{
    visibility : hidden;
	margin : 0px!important;
	background-color : inherit;
	color : windowtext;
	border : buttonshadow;
	border-width : 1px;
	border-style : solid;
	cursor : 'pointer';
	overflow : auto;
	height : 200px;
    text-align : left; 
    list-style-type : none;
}



here is what it looks like in IE8
Attached Image

here is what it looks like in Compatibility Mode(which is correct)
Attached Image

Here is what it looks like in Firefox and Chrome
Attached Image

Any ideas?

This post has been edited by eclipsed4utoo: 01 February 2010 - 08:33 AM


Is This A Good Question/Topic? 0
  • +

Replies To: CSS does not work in IE8

#2 BetaWar  Icon User is offline

  • #include "soul.h"
  • member icon

Reputation: 1138
  • View blog
  • Posts: 7,110
  • Joined: 07-September 06

Re: CSS does not work in IE8

Posted 01 February 2010 - 08:51 AM

You could try manually setting the width of the element. That should tell all browsers to have it the same size (though there are differences at least between IE and FF on how wide a pixel is, but that isn't a terrible issue). If you try setting the width to the same as the text input's width it should look optimal in IE... in theory.

Hope that helps.
Was This Post Helpful? 0
  • +
  • -

#3 eclipsed4utoo  Icon User is offline

  • Not Your Ordinary Programmer
  • member icon

Reputation: 1524
  • View blog
  • Posts: 5,957
  • Joined: 21-March 08

Re: CSS does not work in IE8

Posted 01 February 2010 - 08:59 AM

View PostBetaWar, on 1 Feb, 2010 - 11:51 AM, said:

You could try manually setting the width of the element. That should tell all browsers to have it the same size (though there are differences at least between IE and FF on how wide a pixel is, but that isn't a terrible issue). If you try setting the width to the same as the text input's width it should look optimal in IE... in theory.

Hope that helps.


I tried that, and it did change the size, but there is still that huge white space to the left of the text. No idea how to get that to go away.
Was This Post Helpful? 0
  • +
  • -

#4 eclipsed4utoo  Icon User is offline

  • Not Your Ordinary Programmer
  • member icon

Reputation: 1524
  • View blog
  • Posts: 5,957
  • Joined: 21-March 08

Re: CSS does not work in IE8

Posted 01 February 2010 - 02:06 PM

well I figured it out. I was missing a few other CSS labels from the sample.
Was This Post Helpful? 0
  • +
  • -

Page 1 of 1