Invalid HTML if scroll down arrow is checked (in color section)

Hi,

before I get into the problem: I’ve disabled all plugins and I’m using the enfold default theme.

If I use a specific order of elements in the Avia Architekt it generates invalid HTML code.
(ERROR: Stray end tag div)

I’m starting with an color section followed by default layout elements, for example three columns with arbitrary content.
If I use the scroll down arrow (by checking the box) inside the color section the generated code is invalid.

My setup looks like this:

1. 1. Color section (scroll down button enabled) with a special headline inside
2. 2. 1/5 + 3/5 + 1/5 layout elements

If the scroll down button is disabeld that setup works.
If I use a grid row instead of the layout elements the generated HTML is valid although the scroll down button is enabled.

This wouldnt be a big deal, cause browsers usually compensate these small errors and rendering is fine…
But I’m using pjax jquery-plugin to load dynamically content if navigating the website: basically I’m loading the content of the div#main and replacing it.
Because there is 1 closing </div> too much (which makes the code invalid), the <footer> element is outside the #main-div and will not be replaced, so I end up with an page without footer.

To be clear: the problem is not the jquery-plugin, it works fine if the html code is valid.
As a workaround I need to work with a grid row instead of the default layout elements.

I hope it all makes sense and you can help me :)
I’ll send you some links to the development server… don’t judge me, its in a very early/experimental stage ;-)

Thank you!
Robert

• This topic was modified 7 years, 10 months ago by Robert. Reason: remove old links