Dead centre layout

Associate
Joined
22 Dec 2004
Posts
1,828
Location
Southampton, UK
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?
 
Seems bang on for IE7 and FF2 > Not on my dev machine so cannot test for other browsers.

What Browser is causing the issue?
 
It's not an issue as such, as the site fits perfectly within a 800x600 resolution.

However if you make the screen smaller than 800x600 it moves off the screen top and left. As i say i have fixed the left problem with a min-width attribute but not the heigh problem as the mini-height doesn't seem to work.

I'm using FF 2.0.0.2 and IE7 and it's the same in both, image for clarification

 
i know this probably doesn't bear any relevance, because you want to get it sorted...but in my opinion, you shouldn't be indulging people who are browsing at less than 800x600. If you're designing for that low a common denominator, it's going to seriously restrict what you can do. people browsing at resolutions that low are going to be used to seeing websites that look totally rubbish

just my 2p
 
Sic said:
i know this probably doesn't bear any relevance, because you want to get it sorted...but in my opinion, you shouldn't be indulging people who are browsing at less than 800x600. If you're designing for that low a common denominator, it's going to seriously restrict what you can do. people browsing at resolutions that low are going to be used to seeing websites that look totally rubbish

just my 2p

Totally agree, I design for 1024x768, just coincidence that the site i'm working on, due to design, fits snuggly into 800x600.

Though not having a huge screen myself (17" TFT) and no dual monitors, i do sometimes make screens smaller manually so that i can just view the top section of of a site, in this case if i do it with this site the top part disapears off the top of the page.

As said it's not really an issue with the day to day use of the site. But it's in my head now so i need a fix for it!
 
The SS helps to explain your problem..., can't you just give the Horizon DIV a min-width of say 770px? This will at least create a horizontal scroll when the elements are out of view... would need to look at it more closely to work out a complete solution.

I agree with the above, I only code for 800 by 600, and use a CSS swapper for PDAs and other smaller resolutions.
 
muhu said:
The SS helps to explain your problem..., can't you just give the Horizon DIV a min-width of say 770px? This will at least create a horizontal scroll when the elements are out of view... would need to look at it more closely to work out a complete solution.

I agree with the above, I only code for 800 by 600, and use a CSS swapper for PDAs and other smaller resolutions.

As in my first post i have sorted the horizontal prob using min-width, which stops it from going off the left side and with no scroll need for my site.

The height business is whats stumping me :(
 
Back
Top Bottom