html - Two seperate divs, why is one rendering inside the other?
html before rendering (http://i.stack.imgur.com/gSPfL.png)
So for a start I am coding a store in shopify using their timber framework which utilizes a css wizardry responsive grid.
As you can see in the image there is a grid, and one div that is supposed to span one quarter, and another that is supposed to span 3 quarters.
Now when viewing the page, the 3/4 width div renders inside the 1/4 div instead of after it. As seen here: html after rendering (http://i.stack.imgur.com/qlFsw.png)
This makes absolutely no sense and I don't see why this would happen, because if I swap them around so that the 3/4 width div comes before the one quarter width div, they both render fine and independently, why is this happening?
Are all of the html tags correctly closed? I suggest you viewing the code source of your html page instead of inspecting it with a browser developer tool for viewing the uninterpreted DOM tree.
Didn't find the answer?
Our community is visited by hundreds of Shopify development professionals every day. Ask your question and get a quick answer for free.
Find the answer in similar questions on our website.
Write quick answer
Do you know the answer to this question? Write a quick response to it. With your help, we will make our community stronger.