100% column heights


Author Message
sensei

Posted: 6/8/2009
Quote message 

I'm trying to work out how to get a border on my columns to show properly. I need to get the columns to be 100% but when I try and make changes to the CSS my changes are not doing the trick. Any advice? thx.
 
Your Web Pros

Posted: 6/8/2009
Quote message 

Hello sensei,

If you are trying to put a border on your columns we need to know if you are working with tables or DIV's

For DIV's you would add the border codes below to the style for your DIV.
Change the 10px to the desired thickness of the border

.div_style_name_in_css {
border-top-width: 10px;
border-right-width: 10px;
border-bottom-width: 10px;
border-left-width: 10px;
}

For tables add border="5" to the start of the table code. change 5 for what thickness you want the border to be.

This is what it would look like
<table width="200" border="5">

Hope that answers your questions.

Your Web Pros - Alex
 
sensei

Posted: 6/8/2009
Quote message 

I am using divs.

I would like to have a border separating the content from my sidebar, that runs from the header to the foooter.

I added "height: 100%" to all the columns but that doesn't make them full length and the border doesn't show.

For example I use this css:

/* begin LayoutCell */
.contentLayout .sidebar1
{
position: relative;
margin: 0;
padding: 0;
border-left: 1px #999; <------ this should show a border but doesn't
float: left;
overflow: hidden;
width: 205px;
height: 100%;
}

/* end LayoutCell */

 
Your Web Pros

Posted: 6/8/2009
Quote message 

Hello sensei,

Can you post a link to your web site so I can see what the columns are doing?

Also have you tried to increase that border px to a substantial number to see if it kicks in.

Your Web Pros - Alex
 
Garry

Posted: 6/9/2009
Quote message 

<div class="contentLayout">
<div class="content">
</div>
</div>
controls the content area you may assign border or make it 100% editing css related to it in your style.css.