Originally Posted by Excavator
It always seems like the box model is the hardest concept for new coders to grasp. See the box model here
. The box model says that whatever you put inside an element cannot be larger than that element. margin/padding/border all count when figuring width/height.
When you add that 1px border to 550px wide section#main_section, you make it 552px wide.
If you need those borders for the final product, you will need to adjust your widths. If you are just using borders to make your elements visible during development, a different background color on each element works much better since the color will not affect the width.
There is no need for positioning in your layout yet. Look at how easy it can be -
Thank you, I will analyze what you have done and learn something from it!
Again, thank you!