Support Forum

Please note that this forum is only available to you in read only mode. In order to contribute to this conversation you will need to renew your subscription.

Custom IE CSS

zentoolsIf you use Zentools please post a review at the Joomla! Extensions Directory.

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.
Attachments:
  • hdoeve's Avatar
  • hdoeve
  • 12 Month basic
  • 11 posts
  • Karma: 0
Last Edit: 5 years 5 months ago by hdoeve.
The administrator has disabled public write access.
What IE version is this and do you have a link?

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
Trying to fix IE10 & 11, conditional comments are not the solution.

I've found a hack, see next reply.
  • hdoeve's Avatar
  • hdoeve
  • 12 Month basic
  • 11 posts
  • Karma: 0
The administrator has disabled public write access.
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.
  • hdoeve's Avatar
  • hdoeve
  • 12 Month basic
  • 11 posts
  • Karma: 0
Last Edit: 5 years 5 months ago by hdoeve.
The administrator has disabled public write access.
Do you have a link for the site?

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
www.deadstock.nl/

Also ref. the attachments of the original post (above here).
  • hdoeve's Avatar
  • hdoeve
  • 12 Month basic
  • 11 posts
  • Karma: 0
Last Edit: 5 years 5 months ago by hdoeve.
The administrator has disabled public write access.
Does this work instead of a hack?

#grid2 h3 {margin-bottom:0;}
#grid2 fieldset span input {margin-top:.5em;}
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
No, sorry, see attachment (I played with the amount of space).
Attachments:
  • hdoeve's Avatar
  • hdoeve
  • 12 Month basic
  • 11 posts
  • Karma: 0
Last Edit: 5 years 5 months ago by hdoeve.
The administrator has disabled public write access.
My money is on this text being the problem

search-module.jpg
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
... 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).
  • hdoeve's Avatar
  • hdoeve
  • 12 Month basic
  • 11 posts
  • Karma: 0
The administrator has disabled public write access.
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?
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
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.
  • hdoeve's Avatar
  • hdoeve
  • 12 Month basic
  • 11 posts
  • Karma: 0
The administrator has disabled public write access.
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?
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
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.
  • hdoeve's Avatar
  • hdoeve
  • 12 Month basic
  • 11 posts
  • Karma: 0
The administrator has disabled public write access.
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
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
... they solved it, no more hacks needed.

Thanks.

Hans
  • hdoeve's Avatar
  • hdoeve
  • 12 Month basic
  • 11 posts
  • Karma: 0
The administrator has disabled public write access.
Cool - thanks for the update

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.

zentoolsIf you use Zentools please post a review at the Joomla! Extensions Directory.

Happy Campers