I am creating a simple e eCommerce application using rails, I have a form on each product page that allows the user to select a number of color variants for that product and then a simple add to cart button, the problem is on two separate pages the button appears in two separate places while the code is exactly the same.Here is the first example, it only shows three variants, and the button appears under these variants, like it should
The html to generate this is as follows\[code\]<form accept-charset="UTF-8" action="http://192.168.1.113:3000/orders/populate" method="post"> <ul> # A bunch of styled list elements # </ul><br><br><button type="submit">Add to cart</button></form>\[/code\]But on my other page, where I have around 85 list elements the button appears inline with the styled list elements, but uses the EXACT same code, there is no css styling for the button or form and I can't figure out anyway to make it stay under the list... here is the image of the second page
Does anyone know 1. why this is happening? 2. how to fix it?Thanks!