Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • #261591

    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

    #261592
    This reply has been marked as private.
    #261601

    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

    #261606

    Hi Josue! Thanks, please see here: http://i.imgur.com/FLwsMHp.jpg

    #262431

    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

    #262504

    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.

    #262505

    Is there one best way that will allow me to adjust the image placement universally in all browsers?

    #262506

    Hi!

    Put the code outside the media query:

    Regards,
    Josue

    #263131

    This worked – thanks so much!

    #263136

    You are welcome, glad we could help :)

    Regards,
    
Josue

    #264047

    You can close this thread, thanks!

Viewing 11 posts - 1 through 11 (of 11 total)
  • The topic ‘Image Alignment’ is closed to new replies.