Something I’m doing wrong with the docking position. When I position the container by the side of an image, they align perfectly in their positions but when I published the container goes up some pixels more than the image position. I’ve tried many positions in the docking point square but no success. Does anybody can help me and tell me what I’m doing wrong? I want to justify the three containers.
This is the result. When I published it.
This is in the canvas
Thanks in advance for your help.
Hi @edquijano ,
By looking at your screenshots, it appears that the image is docked to the bottom whereas the containers are docked to the top. So remove ‘Dock to bottom’ from the image if it is docked to the bottom and dock it to the top instead.
Additionally, you can try out these steps:
-
Make sure all three elements (the containers and the image) are docked to the top and make sure all their pixels/percentage are exactly the same. Also make sure that all are set at the same values, for eg, if the containers are docked to the top and their top margin is 75 px, make sure it is 75 px for the image too and not 75% or anything else.
-
Make sure the image height is set to Fixed Pixels instead of Auto. Also make sure this is the same for the containers as well.
If all this dosen’t work then add a new parent container, make it transparent and remove the borders, and attach these three elements inside the parent container. Now dock all the three elements to the top and give all of them the same top margins. This might solve the problem.
Hope it helps! (:
Hey thank you. I will try.