Search Icon Lower on Chrome and IE Issues with Slider

HTML & CSS
1

Hi Guys,

Here is my site…

http://www.chapleaubrand.ca/2014/

Having some issues on Chrome the search icon is way below the input field for some reason but on FireFox it is fine.

It was working perfect earlier but not anymore for some odd reason.

Also the slider does not seem to work on IE9 and below. I’ve used this slider before and had no issues with it in past on other sites.

Any ideas?

Thanks,

Mike

2

As far as the search… remove the negative left margin on “input#searchsubmit”

3

Removing the margin will break Firefox so I think you need to do this instead;

#searchform div{
float:right;
}
#searchform input{float:left}
input#searchsubmit{margin-left:-35px}

The slider seems to be a script error in some other plugin (possibly the translator) but I can’t debug in IEtester and you will probably need a real version of IE to test as IEtester is unreliable for JS testing.

(Note to Ryan: The web developer tools in IE show the slider working when in IE9 mode which shows that you can’t rely on this method to test or your IE tab in chrome).

4

I never said I was relying on it. I have BStack which my work provides. Figured that the tab wouldn’t be perfect but for my particular issue I had, it showcased the issue as IE9. Nothing beats the real thing :smile:.

5

No I meant that IE Tab was unreliable not that you were explicitly relying on it :slight_smile:

1 Like