W3C home > Mailing lists > Public > www-style@w3.org > January 2004

Re: suggestion: calculating values of sizes

From: James Ross <silver@warwickcompsoc.co.uk>
Date: Wed, 28 Jan 2004 20:37:20 +0000
Message-ID: <40181D80.4010806@warwickcompsoc.co.uk>
To: WWW Style <www-style@w3.org>

|<onrad wrote:
> [snip]
> And we want:
> - make #one 100px height
> - make #three 200px height
> - make #two height like the rest of the screen
> The problem is that we do not know which size of browser window somebody 
> has, we do not how what is rightly height of #two.

I believe the following CSS (2.1) will do just what you want:

#one {
	position: fixed;
	left: 0px; right: 0px;
	top: 0px; height: 100px;
#two {
	position: fixed;
	left: 0px; right: 0px;
	top: 100px; bottom: 200px;
#three {
	position: fixed;
	left: 0px; right: 0px;
	bottom: 0px; height: 200px;

There may be situations that are much more complicated, and seem 
impossible, but positioning is very powerful if you know what you're 
doing. :)

James Ross <silver@warwickcompsoc.co.uk>

How To Shoot Yourself in the Foot:
370 JCL - You send your foot down to MIS and include a 400-page document 
explaining exactly how you want it to be shot. Three years later, your 
foot comes back deep-fried.
Received on Wednesday, 28 January 2004 15:37:57 UTC

This archive was generated by hypermail 2.3.1 : Monday, 2 May 2016 14:27:11 UTC