CSS 960 grid system layout issue

Question

I've been trying for ages using class="grid_x alpha omega clear etc... but no matter what I've tried I cannot get the login box @ http://ci2.totalshopuk.com/login to line up correctly. Anyone able to see what I'm doing wrong?

Thanks

Answer 1

Try changing .blockheader { padding: 2px; } .blockheader { padding: 2px; } to .blockheader { padding: 1px; } .blockheader { padding: 1px; } That worked for me!

Answer 2

Both these elements are centred in the div. You need to put the label into a or tag in order to control its position inside the parent div. Then set the widths accordingly to line it up.

The grid system is not always the best option for setting widths on form elements.