Problem with Masonry Height and resize

Viewing 14 posts - 1 through 14 (of 14 total)
  • #14915
    Vincent74000
    Participant

    Hello,

    I don’t speak english very good, but I try to explain my problem…

    I modified Pinboard Theme to be as I wish… The only problem that I don’t arrive to solve is probably a problem with some height or width create by javascript…
    The post doesn’t display well, but if I resize the window, every post change of place and evertyhing go in the right place…

    An example : http://www.vincentderriey.fr/new/realisations/autres (try to resize your window and see that all the post are re-ordered and all is good until you refresh the page)…

    Could you please help me to identify the problem, because I don’t understand…

    Thank you by advance…

    #14917
    Kashemy
    Participant

    Try checking if the CSS has any width/height/margin/padding that is handled with % (for instance width:50%) or that has the value:auto, those are probably the lines causing the issues. If you change those to fixed values, your problems should be gone.

    #14918
    Vincent74000
    Participant

    Well…

    First of all, thank you for your answer. But I can’t find…

    I already tried to fix by changing those parameters but I can’t find… I don’t know if this is a javascripts problem… I don’t know…

    I keep searching !

    Thank you again !

    #14925
    Vincent74000
    Participant

    I don’t find the problem in the CSS…

    Does anyone has an idea where it come from ??

    #14976
    Vincent74000
    Participant

    I have maybe an idea, but I can’t find where this parameter is configured…

    I think that it is in the style of the article… The top and left are not well configured when I first open the website…

    Where are those 2 parameters configured (it is not in the CSS) ? And how can I modify its to repair my problem ?

    #14977
    Kashemy
    Participant

    Just checked your webpage with firebug, the width parameter in “.onecol” is defined with 100%, if I change that to something like 1100px, the site seems to make everything nice and squared in terms of posts.

    I think the .onecol line is in the style.css, according to firebug it’s on line 617 (depends if you’ve altered the file before if it is that actual line in your style.css)

    I think altering that line should help fix your problem.

    Hope it helps!

    #14978
    Vincent74000
    Participant

    No…

    Unfortunately it doesn’t solve the problem… I’m almost sure that the problem is not in the css, because, when I resize the window, everything is good, so I think that the problem come from a css parameters configured via javascript, but I can’t find where…

    Thank you again to help me !!

    #14979
    Kashemy
    Participant

    Could you otherwise post a link to a screenshot where you’ve got the window resized to make it look the way you want? (So I can get an idea what you mean by the posts appearing the correct way)

    #14980
    Vincent74000
    Participant

    Before resizing window

    After resizing the window

    If you do it yourself, you will see : just try to refresh the website, and then, resize the window (event a little bit), margin under the first line disappear…

    #14981
    Kashemy
    Participant

    For some reason the element style starts at 900+ height, and after any resizing of the window, it clicks down to about 670, I don’t exactly know what’s causing it, but I’ll have a look around πŸ™‚

    #14982
    Kashemy
    Participant

    In jquery.masonry.js there’s a parameter isResizable: true on line 71, try changing that to false. Might help, I’m no JS programmer myself, so I’m not entirely sure, but it’s always worth a shot! πŸ˜›

    #14983
    Vincent74000
    Participant

    Well : changing true into false didn’t solved the problem πŸ™

    Maybe an other solution could be to trigger the repositioning immediately (and not waiting the window resizing)… If you know how I can do that…

    Thank you again for helping me !

    #14984
    Kashemy
    Participant

    I made my site non-responsive to resizing a while ago, though I can’t remember how I did it. If I do remember I’ll get back to you with the info, I do remember it took a lot of code deleting…

    Anyways, I hope I’ve been of any help!

    #14985
    Vincent74000
    Participant

    Well I will keep searching…

    I hope that I will find the solution soon…

    thank you again !

Viewing 14 posts - 1 through 14 (of 14 total)

Tagged: , ,

You must be logged in to reply to this topic.