Jump to content

Stretch Div Height to Fill Cell?


avario

Recommended Posts

I am creating a design for a Forum Website (school project).

I have created this design for a post:

example1.jpg

 

But I don't want the post content to be centred in the midle (or top/bottom), I want the middle section (which is a separate div) to stretch out to fill the table cell such as in this image (I have just inserted breaks to show you what I mean):

example2.jpg

 

Does anyone no how to do this? Please let me know if you need more information such as source codes...

Link to comment
Share on other sites

It would be helpful to see the css that's specific to this display. Not the entire site, just this section as you've posted in the image.

 

The box height issue is a little tricky since height: 100%; typically just means expand with the content inserted. But, you can add min-height: 100%; along with the height parameter and see if that fixes it. May not.

Link to comment
Share on other sites

This thread is more than a year old. Please don't revive it unless you have something important to add.

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.