I just want some advice for this layout. I am not an experienced CSS user, so the only technique I’ve come across is the wrap everything into a div, set the width and auto left/right margin it. Is this method futureproof?
Any precautions or tweaking I should do or have knowledge of before I start? (using em for width instead of px?)
Cheers.
Sure there are other methods but the margin:auto method is one of the easiest and it’s certainly futureproof. You don’t need to look for alternatives really. As for units it’s nice to have fluid layouts but if images form a large component of your design it can be tricky to get it right. ems are generally better for fonts than layout since it can often get tricky to line things up without exact pixel values. Since you’re new to CSS go with the easiest approach then work your way up to more complex designs.