I've been using the theory behind this dead centre layout for a site i'm working on.
Basically it uses a central horizon line to make your CSS stay in the centre of the page both horizontally and vertically.
However if the page is manually reduced in size you will notice that it moves off the left and top of the screen. Now i have fixed the left problem by adding in a min-width to the horizon div, which stops it going off the left of the screen.
I need to do the same with the top, but i can't work out how as adding in min-height doesn't seem to have any effect
Any ideas?
Basically it uses a central horizon line to make your CSS stay in the centre of the page both horizontally and vertically.
However if the page is manually reduced in size you will notice that it moves off the left and top of the screen. Now i have fixed the left problem by adding in a min-width to the horizon div, which stops it going off the left of the screen.
I need to do the same with the top, but i can't work out how as adding in min-height doesn't seem to have any effect
Any ideas?