[sleepingfish]

I am vertically challenged.

I am building a site wher the whole thing is in a DIV that is absolutely positioned. The DIV is 99% in width, 0.5% from left & right, this works fine. However when I try and set the height to 99% it just dissapears, but when I set it to 600px it works fine.

The Daddy DIV style:

.daddy {
	position: absolute;
	width: 99%;
	height: 600px;
	background-color: #FFFFFF;
	left: 0.5%;
	right: 0.5%;
	top: 0.5%;
	z-index: 1;
	background-image: url(../images/drum_sil.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
}

Any ideas?

[sleepingfish]

p.s. When the height is 100% It works fine in Mozilla, it's just IE that fucks up.

[Bill Posters]

Tried…?

html, body {
height: 100%;
}

[sleepingfish]

IMHO Cheers Bill!
Aren't these forum things great?

[Brown]

fish boy, i'm surprised that its not the browser itself deciding that its not going to render your page properly due to your content div being classed as 'daddy'.

anyway, surely #daddy and id it if its the main content? or is it just the daddy?

[sleepingfish]

class="daddy" id="daddyDiv"

Nothing in the code refers to "daddyDiv".
Am I missing something with regards to DIV id's - i haven't really been using the id's so far, just giving the DIV's a class.

(My DIV's do have ID's but I don't put them to any use)

I can feel a lesson on css coming on, links welcome, long, explanational posts even more so.....

[Brown]

link: www.google.com

[sleepingfish]

What a useful site, thanks for the link

[Stickman]

Read this and don't come back until you're done.

http://cookiecrook.com/AIR/2003/train/

[Stickman]

And all of these:

http://www.haysdesign.com/bookmark_CSS.htm

[sleepingfish]

Cheers Sticky, see you all in a year