10 replies to this topic

[DanBeckett]

Basically my problem is described in the post, I'm trying to find a way to make the container on my new page fill the screen, I'm used to tables though where "height=100%" normally does the trick, however, I can't seem to figure this out at all :/ If anyone can offer any solution/point to a tutorial I would really appreciate it.

I'll probably also kick myself when it's sorted out, probably a really simple solution, normally is though, isn't it?

Thanks - Dan.

[Rory]

I am assuming you are talking about div containers. There is a workaround which I haven't played with much so I won't know how succesful it is but here you go: just add the following code to your CSS file:

body, html {width:100%; height: 100%;}

and then add this to style sheet:

.divcontainername {height: 100%;}

[dEcade]

It should work width height=100% IE is really bad with CSS stuff.

try something like this:

*
{
margin: 0px;
padding: 0px;
}

html
{
margin: 0 auto;
height: 100%
width: 100%
}

body
{
margin: 0 auto;
height: 100%
width: 100%
}

.divclass
{
margin: 0 auto;
height: 100%
width: 100%
}

#divid
{
margin: 0 auto;
height: 100%
width: 100%
}

Hope you can figure it out.

dEcade

[DanBeckett]

<st>Thanks I'll try these out - appreciate it </st>

OK, that's nearly sorted it... it is now stretching, although only for one screen length, then it stops :S.

(I've reuploaded the code again http://danbeckett.co.uk/blog.htm and http://danbeckett.co.uk/blog.css)

Thanks - Dan.

Edited by DanBeckett, 11 September 2006 - 10:37 AM.

[blackhawk_996]

Let me know if these are similar to what you are after? I added a footer just for general purpose. Also this is accomplished with no images as well which will make for rather quick load times. (It assumes your left content block will always have more content than the right, if not it;s easy enough to fix. Just change the container's background color to macth the other column. It validates as xhtml strict as well as css 1/2/3)

Attached Files

•  blog.htm   3.81KB   244 downloads
•  blog.css   1.66KB   253 downloads

[greg]

There's no simple solution to this. I've tried every possible way and I've seen others try it. It's a widely known fact that there's no way to do this without using Javascript or some other over-complicated method.

Trust me, don't waste your time.

[DanBeckett]

Ah right thanks, looks like I'm back to tables for the time being then... D'oh!

[greg]

That doesn't mean you have to regress back to tables. There are alternatives... Why do you need the content to stretch all the way down? If you tell us why you want that, we can tell you other ways of doing it.

[blackhawk_996]

There's no simple solution to this. I've tried every possible way and I've seen others try it. It's a widely known fact that there's no way to do this without using Javascript or some other over-complicated method.

Trust me, don't waste your time.

So it's safe to assume that the layout I offered isn't close to what your after then...?

[greg]

I can't tell what you "offered" because you didn't show anything; just attached it to your post. Upload it and I'll see.

[Jem]

Don't forget the semi-colons in future, dEcade, you're missing a whole lot there..