[RESOLVED] Absolute Height of 100% - different, absolut

[php_hazard_01]

I know this has been asked millions of times but this is completely different, i have attached an image of what im talking about, i have this project and i made a UI that resembles much like the winXP desktop.

the problem is, everytime i resize the window, i am left with a scrollbar to scroll down the rest of the page to the bottom, what im aiming is. an absolute window. where the only thing seen is the content and does not scroll down, unfortunately. i am going nowhere. every forum I go doesnt have the answer.

if you can direct me to a site that has the answer, it will be much appreciated.

------------
dillema: currently the css holds the height that makes what you see in the image have a 100% height, without the scrollbars at the side. and a javascript also resizes it if you launch it in a new window that has no toolbars and scrollbars(only in FF). the problem is that i need a fluid height that can cope up with the screeen resolution and browser screen size. if any inquiry is present, please...ask away...

[WebJoel]

Can you post your code? Your description sounds like normal browser behaviour when the viewport is less-than the required height of contain the contents.

There is a way to 'conceal' the part that exceeds the height, but doing so makes it inaccessible and unviewable. I don't think that this is what you really want to do.

[php_hazard_01]

that isnt exactly my problem

trust me, you wont understand that long code, i ddnt know coding HTMl that mimics your dsktop can be really frustrating...

okay this is my problem...




1024x768 browser - no padding on body
---------------------------------------
| --------------------------- |
| | Fixed: Header | 200px |
| --------------------------- |
| | | |
| | needed absolute height | ????? |
| | | |
| --------------------------- |
---------------------------------------



the `needed absolute height mus have a fluid height` wait, the title should be fluid height..aha...LoL, sorry

if the display size is 1024x768, it will show fully. and if launched in a pop-up window without toolbars and such, it will also show fully.

[WebJoel]

....trust me, you wont understand that long code, ... Yeah, -you're probably right. :( Not posting your code though (or a relevant portion thereof) absolutely ensures this. :o

Even if I don't know how~to or cannot understand your layout, I might be able to direct you to examples / tutorials that do.
If we could agree to the meaning of and use of "absolute", "fixed" and "fluid", I sort~of have an idea of the effect you're after and ideas how to implement this. Understanding that, one could build this.

Looks like an interesting project. :p Good luck. :)

[php_hazard_01]

yeah, the whole point is, the height must be fluid....

i tried experimenting with % heights...

for the top part we have 14%, body 84% and footer 2%

but the percent has extra spaces if you resize the window, it practically solved the fluid height, but there is a lot of extra spaces, after resizing...OMG, im going crazy here!!!!..google cant offer anything, and im too lazy to look!! i know it's out there...

[WebJoel]

yeah, the whole point is, the height must be fluid....

i tried experimenting with % heights...

for the top part we have 14%, body 84% and footer 2%

but the percent has extra spaces if you resize the window, it practically solved the fluid height, but there is a lot of extra spaces, after resizing... Yeah, -you start to get 'rounding errors' when all-percentage heights or widths get used.
There is still hope though (that a desktop does this, means that it too was created).

I'll have a kick at this tomorrow maybe. I suspect that the top part will be 'fixed' and the rest will be height:auto;. There are a few things that need to be done first to 'train' IE to understand this, but it's fairly straightforward.

You know, -I did something like this a year ago. Emulated how a MAC desktop would look, replete with the centered icons on the bottom of the viewport that 'stay put' on screen re-size, and the buttons 'got bigger' on-hover too... It was nice. Too bad I didn't archive it, huh? :o

[Centauri]

Maybe what you are looking for is something like this (http://www.cssplay.co.uk/layouts/fixit.html), this (http://www.cssplay.co.uk/layouts/body2.html) or this (http://www.cssplay.co.uk/layouts/body4.html).

[php_hazard_01]

yes yes yes...how did you find this...wow, thank you so much, thank you thank you thank you...and thank you for all the replies

[WebJoel]

Maybe what you are looking for is something like this (http://www.cssplay.co.uk/layouts/fixit.html), this (http://www.cssplay.co.uk/layouts/body2.html) or this (http://www.cssplay.co.uk/layouts/body4.html). >>sigh...<< -always out to steal my thunder, eh? :D Oh well, -that's good. You keep me sharp. :D ahahhaa

[php_hazard_01]

hehe..LoL, centauri's faster..:D you should be from now on...LoL

[WebJoel]

He's in Oz... more than a day ahead of me. :D As I write it's what, -10:30 AM MONDAY there? It's still 6:30 PM SUNDAY here...

[Centauri]

He's in Oz... more than a day ahead of me. :D As I write it's what, -10:30 AM MONDAY there? It's still 6:30 PM SUNDAY here...

Hey, you even took into account our local daylight saving time !

I assume that as you are further away from the equator, its too cold to type or act fast ..... :D