Forums

NextGEN Gallery
Weird firefox css positioning bug/problem (4 posts)

  1. gogger
    Member
    Posted 8 months ago #

    Hey all,

    hopefully someone will know the answer straight away to this and its just me [most likely im sure].

    Iv resized and positioned the gallery for a client, all works nicely in safari, chrome and IE - but when in firefox [4.0.1] - the first div with the class 'ngg-album-compact' of each line positions itself in a weird way. On the top row it drops 10px and on the bottom row it jumps 10px. Iv worked through all the CSS a few times, cant find anything that would cause this to my knowledge... Heres a link to the gallery in question:

    http://juliepayne.com.au/gallery/

    and the css in question [i think]:

    .ngg-album-compact {
    display: inline-block;
    height: 136px;
    margin: 0 !important;
    padding-bottom: 80px;
    padding-right: 20px !important;
    text-align: left;
    width: 180px;
    }

    .ngg-albumoverview {
    clear: both;
    display: block !important;
    margin-top: 10px;
    text-align: center;
    width: 100%;
    }

    .ngg-album-compactbox {
    height: 136px;
    margin: 0 0 6px !important;
    padding: 12px 0 0 7px !important;
    width: 180px;
    }

    Any help would be greatly appreciated, this is an awesome plugin thanks to all who have helped dev it esp Alex.

    Cheers,
    Gogger

    http://wordpress.org/extend/plugins/nextgen-gallery/

  2. gogger
    Member
    Posted 8 months ago #

    Bump - anyone? Iv continued to trawl through the CSS to no avail - Alex if you see this and can find the bug ill make a further donation to the plugin.

  3. Alex Rabe
    Member
    Posted 8 months ago #

    Test this :

    .ngg-album-compact {
        /* display: inline-block; */
        float: left;
        height: 136px;
        margin: 0 !important;
        padding-bottom: 80px;
        padding-right: 20px !important;
        text-align: left;
        width: 180px;
    }

    With firebug I can see that "inline-block" should be the root causes of this issue, I exchange it here with float:left

  4. gogger
    Member
    Posted 8 months ago #

    Aha! fantastic, thanks a million mate! Just made a donation, have a beer on me!

Reply

You must log in to post.

About this Plugin

About this Topic

Tags