Recent Topics
  1. b2evolution CMS Support Forums
  2. b2evolution Support
  3. Templates, skins, XHTML and CSS
  4. [SOLVED] Input Box narrow focus IE8

[SOLVED] Input Box narrow focus IE8

1 Apr 18, 2010 19:58    

My b2evolution Version: 3.3.2

I can not seem to find why the focus area on my input boxes and textarea are so narrow with IE8 (not sure about other versions of IE). It is fine in FireFox, but with IE8 you have to have the cursor in a narrow place about half way at the top border of the input box. When viewing other sites with IE8, the behaviour is correct, so this must be an error with my CSS (have not made any changes in any of the core CSS files) or with b2evolution. I even tried changing my doctype to see if it would matter. On my old b2evo version 2.4 site, there is no problem with the input focus area, so as I stated, it is not an IE8 problem.

To see the problem, visit my site at http://garden.secretcorners.net and either go to the search input box, or the leave feedback section. You have to carefully move the cursor in just the right area at the top of the input box for the text cursor to appear and then you can click and input text in the input box.

I just need some ideas of where to go to try and find the problem.

-Kimberly

Back to top

2 Apr 18, 2010 21:09

a wild guess;

open up and add this to the very end of your style.css;

input.SearchField{
background: #fff;
}

Back to top

3 Apr 18, 2010 22:06

OK, your tip lead me to examine my input and textarea section of the CSS and I had set a transparent background for those two. As I was working on the design, I probably wanted the background of the containing division to show through for some reason. Anyway, I removed the background property and that fixed the problems.

Is this considered an IE8 bug? Input and textareas are allowed transparent backgrounds, are they not?

Back to top

4 Apr 18, 2010 22:07

yeah, they are supposed to and it is an IE bug... i'm pretty sure there most be some workarounds if you would like to insist using transparent bg for inputs

Back to top

5 Apr 18, 2010 22:17

I don't really need to use transparent backgrounds in input boxes for the current skins. Maybe this will be fixed in the new IE9; eventually Microsoft will get it right. Now that I know of the IE bug and I do need a transparent background, I have a starting point; this was the first that I had seen this problem.

Thanks for your help.

-Kimberly.

Back to top

6 Apr 18, 2010 22:21

Kimberly wrote:

...this was the first that I had seen this problem.

Thanks for your help.

-Kimberly.

you will be amazed to know how many different bugs IE has as you go

Back to top


Form is loading...