div margin-top not applied until after all images in carousel are displayed

  • Ambyomoron

    (@josiah-s-carberry)


    3 years, 11 months ago

    Inspecting the details of the page indicated above, I see the following immediately after the </header> tag:

    <div class="site-inner" style="margin-top: 90.1167px;">

    The first section widget on the page contains two columns. The right column contains an image carousel widget with 13 images. The margin-top value is applied only after displaying all 13 images in the carousel. As a result the image carousel, as well as the heading widget in the left column of the section, are incorrectly drawn by the browser 90 pixels too high. Then, after the 13th image is displayed in the carousel, the contents of both columns suddenly jump down 90 pixels to their correct vertical position.

    Am I seeing the results of a bug or have a misconfigured something?

    The page I need help with: [log in to see the link]

  • The topic ‘div margin-top not applied until after all images in carousel are displayed’ is closed to new replies.