Hi guys,
If you look at my site you can see that I introduced css rules to align the images under “As Featured In”. This works on most browsers but if you view on IE8 for example, the alignment rules don’t apply. Is there code I can use that will work more universally?
I’m using the below at the moment:
.avia_image.asseen1 {
top: -8px;
right: -160px;
}
.avia_image.asseen2 {
top: -38px;
}
.avia_image.asseen3 {
top: -21px;
left: -160px;
}
Many thanks,
Jonathan
Hey!
Can you post a screenshot of your view in IE8? as far as i know position properties do work on IE8.
Best regards,
Josue
Hi Josue! Thanks, please see here: http://i.imgur.com/FLwsMHp.jpg
Hi!
IE8 ignores media queries since it doesn’t support them. So you would need to put the IE8 css rules in a separate stylesheet or add them to the regular rules and adjust for media queries in reverse.
Cheers!
Devin
Thanks Devin, so what code do I need to enter or change in custom.css? Thanks for helping me with this I just don’t know how to go about doing this.
Is there one best way that will allow me to adjust the image placement universally in all browsers?
Hi!
Put the code outside the media query:
Regards,
Josue
This worked – thanks so much!
You are welcome, glad we could help :)
Regards,
Josue
You can close this thread, thanks!