Jump to content

div height problems


severndigital

Recommended Posts

ok .. so i am working on a template file and i would like my innerleft and right divs to run the height of the area they are in not matter what thier content size is.

 

I included a screen shot to help explain .. the problem area is the red line on the left. that is were the div ends, i would like the div to go to the bottom like the one  one right.

 

the only reason the right one is at the bottom is becuase it is bigger than the left, i would insert content to make the left one longer, the same problem happen on the right.

 

anyone know how to fix this??

 

my css is as follows

//for the wrapper they are in
#tmcInnerWrapper{
margin-left: auto;
margin-right: auto;
width: 900px;
border: 1px solid #333;
}
//for the left 
#tmcLeftContent{
width: 25%;
float: left;
border-right: 1px solid #999;
border-bottom: 1px solid #F00;
padding: 3px;
}

//for the right
#tmcRightContent{
width: 25%;
float:right;
border-left: 1px solid #999;
padding: 3px;
}

Any help would be great. thanks,

-C

 

 

 

[attachment deleted by admin]

Link to comment
Share on other sites

You could apply a height to the outer columns, but that really isn't the best way to handle a 3 column layout. Normally, you would just use a background image that makes the columns look like they are going all the way down. Apply this background image to the div that contains your columns, and your good to go. My website uses something similar, so you might take a look.

Link to comment
Share on other sites

Got to agree that the height is not the way forward, but saying that, if you use the height in

the css then you can see the actual size of the page and the looks, that others will see.

 

i guess your add more to the page as you go along, so use the height container for now.

 

get rid off it, when all the page has been properly designed.

 

i agree a picture on the left hand side would off solved this.

 

also noticed the use of % no no no use px it safer and more acute my opinion and cross browser friendly.

Link to comment
Share on other sites

Thank you for all the posative feedback. I will make the adjustments and see where it takes me.

 

Also,

You are correct in assuming that more content will be added as the project progresses.

 

However i am using over a "modular" framework very basic, but similar to joomla in it's working. So i can't say for sure what will be on either side.

 

Thanks again,

I will let you know how i make out.

 

-C

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.