Hallöchen,
Das liegt daran, dass das Elternelement von content nicht body ist. Du hast noch ein center dazwischen geklemmt.
html {height:100%;}
body {height:100%;}
.center {height:100%;}
.content {height:100%;}
Leider auch nicht, es entsteht wieder eine vertirkale Spalte.
Bis denn
Stanload