Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #396841

    http://borstch.eu/aptare7/

    My columns are as narrow as I want in Firefox, but not in Safari. Why is that?

    I’m using this CSS

    div .av_one_third {
    margin-left: 1.4%;
    width: 32.4%;
    }

    div .av_two_third {
    margin-left: 1.4%;
    width: 66.2%;
    }

    • This topic was modified 9 years, 10 months ago by crewneck.
    #396842

    Doesn’t work in Chrome either

    #397236

    Hi!

    One what page are the 1/3 2/3 columns? Could you attach a screenshot highlighting what you are trying to achieve?

    Regards,
    Rikard

    • This reply was modified 9 years, 10 months ago by Rikard.
    #397540

    This is the column width in Firefox
    http://borstch.eu/stuff/Firefox.pnghttp://borstch.eu/stuff/Firefox.png

    This is the column width in Safari. Not as narrow as I want it. Any ideas?
    http://borstch.eu/stuff/Safari.pngttp://borstch.eu/stuff/Safari.png

    • This reply was modified 9 years, 10 months ago by crewneck.
    #398038

    Hi!

    I checked the site on safari but I don’t see much difference. Try to change the left margin specifically for safari browsers:

    .avia-webkit div .av_one_third {
    margin-left: 1%;
    width: 32.6%;
    }
    
    .avia-webkit div .av_two_third {
    margin-left: 1%;
    width: 66.4%;
    }

    Best regards,
    Ismael

    #398045

    Doesn’t work unfortunately. Any other ideas?

    #398579

    Hey!

    did you try to play around with the values in Ismael’s code and cleared browser cache afterwards?

    Best regards,
    Andy

    #398801

    Managed to solve it with this CSS

    .avia-image-container.avia-align-left {
    margin-right: 0px !important;
    }

Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Different column width in Firefox and Safari?’ is closed to new replies.