Height 100% not working (even after trying a bunch of "solutions")

[GaijinPunch]

I've been messing w/ this for a while now, and haven't gotten two results (both of which suck). The first, is after declaring "looose" doctype:

http://japan.classicgaming.gamespy.com/new/loose.php

The 2nd, is w/o declaring any dotcype:

http://japan.classicgaming.gamespy.com/new/noloose.php

Stylesheet is here:

http://japan.classicgaming.gamespy.com/new/new.css

The idea of the page is I'll put everything in a container called "full" which is center-aligned. Within this container, I'll have a left column, center column, and right column. The two outer columns will be around 150px each, and the center about 550 or so. The kicker is (as the title would suggest) I can't get the "full" container to go to 100% height. When I declare loose doctype, I can't even get the thing to show up. I have tried setting the html & body to 100% height, but that's not working either. I even set the border to 1px so you can see where it is -- not 100%.

Pulling my hair out. Please help.

 

[TamedTech]

The White container seems to be 100% for me on both examples.

I'm using WinXP and IE6.

Rob

 

[BillyRayPreachersSon]

Both are fine for me in IE6, but neither are fine for me in Fx1.5.

Dan



[tt]Dan's Page [blue]@[/blue] Code Couch

http://www.codecouch.com/dan/

[/tt]

 

[ca8msm]

You could use an image like in this example:

http://www.alistapart.com/articles/fauxcolumns/

____________________________________________________________

Need help finding an answer?

Try the Search Facility or read FAQ222-2244 on how to get better results.

 

[GaijinPunch]

Crud -- it does work in IE. Too bad I don't use IE.
ca8msm: Thanks for the suggestion, but I don't think that'll work for what I want. I want a center-aligned page, that's always in the center (on resize). If I understand the image thing, it won't fly.

I wonder if I should check a Firefox specific forum. For now, sleep.

 

[Foamcow]

If I understand the image thing, it won't fly.

I don't think you understood it.
There is no reason why the faux column method won't work with a centered layout.

Foamcow Heavy Industries - Web design and ranting
Buy Languedoc wines in the UK

 

[GaijinPunch]

I don't think you understood it.
There is no reason why the faux column method won't work with a centered layout.

From a quick shot, and reading, it seems it will work if your background color (on the sides -- the changing bit when resizing) is a solid. I want the background to be an image (of the grey scanlines) which won't stretch. You can see this in my examples.

The line here:
background: #ccc url(../images/bg_birch_800.gif) repeat-y 50% 0;
Loads a background image on top of a color. If there were a way to load say two images, it would work for what I want. I could be missing something, but I don't think so. Then again, I suck w/ CSS.

 

[J741]

in your CSS you have

body { height:100% }

and you also have

.full { height:100% }

Try removing the height command for the body element. I think this is what is causing the problem. The body of your page will change in accordance with the content and the browser's window size, but if you specify the height of 100%, I think that limits it to the height of the browser's window size, no matter what the height of the content.

- James.

My memory is not as good as it should be, and neither is my memory.

I have forgotten more than I can remember