Is there a general quick and easy way to incorporate Internet Explorer corrections/overrides, like custom.css

I'm using the T3 based Standard template. I need to adjust a margin of a text input field which is apparently handled different in IE and Chrome.

What IE version is this and do you have a link?

Cheers
Paul

Trying to fix IE10 & 11, conditional comments are not the solution.

I've found a hack, see next reply.

Found this one: www.impressivewebs.com/ie10-css-hacks/ . Check the second option in the post.

In my case I added to the custom.css:

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
/* IE10-specific styles go here */

#grid1wrap input[type="text"] {
margin-left: -50px;
}
}

</style>
<![endif]-->

I'm not familiar with the css nesting rules. Above looks nested, but it seem to work.

Do you have a link for the site?

Cheers
Paul

www.deadstock.nl/

Also ref. the attachments of the original post (above here).

Does this work instead of a hack?

#grid2 h3 {margin-bottom:0;}
#grid2 fieldset span input {margin-top:.5em;}

No, sorry, see attachment (I played with the amount of space).

My money is on this text being the problem

... yes, sure, and the color is white because I don't want the text to be shown/readible.

Thing is that Chrome "wrap's" differently. As a result in Chrome the text is above the input field, which starts on the next "line" at left.

IE doesn't "wrap". See initial attachments where you can see the difference in vertical white space. (The "hidden" text in Chrome). Also note that IE starts some 8px to right (of the point where the title of the module starts).

I have this problem in various locations/different modules of the website. E.g. click on the button "Zoeken". In the sidebar are several search and filter input fields with similar problems. (But not as annoying as it's not the homepage/header of the site).

I'm not familiar with this module but with the standard joomla module if you add a space the text is removed

Are you able to remove the text so we can what is looks like?

The text originates from a language file label and is also shown (the same label) inside the input field. Therefor I cannot change it to a space.

Module is part of AdsManager by Juloa/Joomprod, a French company: www.joomprod.com/

I already proposed to them to use separate labels.

But offcourse, albeit solving this particular situation, that would not fully compensate the different behavior of the browsers.

For me hiding text isn't a good solution (using white text on white background)

Google won't like it either even if it is only one word - its considered black hat and bad practice

Is this a commercial extension?

That's why I asked for seperate labels, but may be the best for the time being is to not use any label at all.

It's a free extension with commercial extra's and some sponsering to get some adaption.

If you have paid any money towards the extension I would ask them for their advice in resolving this

Alternatively I'd stick with what you had but its less than ideal

Cheers
Paul

... they solved it, no more hacks needed.

Thanks.

Hans

Cool - thanks for the update

Cheers
Paul