Extend Length Of Columns Left & Right, When Index Page Is Longer?

[guanche]

How do I get columns left and right to extend (fill in white space) along with the length of the index page content? I would like for the last box in each column to the footer break, suggestions anyone? Thank you.

 

Joe

[Guest]

it is extended by default, you can change the background color of the left/right columns to see it.

[guanche]

it is extended by default, you can change the background color of the left/right columns to see it.

 

Thanks for the tip Mark. I assume this change would be made within this part of stylesheet.css however when I change the background to #cccccc it still shows white space between the last infobox and the footer when the index page is longer in length (of course when the index page is shorter is syncs up fine). Where should I make the change? Thanks to all whom reply.

 

.infoBox {
 background: #000000;
}

.infoBoxContents {
 background: #cccccc;
 font-family: Verdana, Arial, helvetica;
 font-size: 11px;
}

.infoBoxNotice {
 background: #EDEAE6;
}

.infoBoxNoticeContents {
 background: #EDEAE6;
 font-family: Verdana, Arial, helvetica;
 font-size: 11px;
}

TD.infoBoxHeading {
 font-family: Verdana, Arial, helvetica;
 font-size: 12px;
 font-weight: bold;
 background: #000000;
 color: #FFFFFF;
padding: 0px 4px 0px;
}

TD.infoBox, SPAN.infoBox {
 font-family: Verdana, Arial, helvetica;
 font-size: 11px;
}

[Guest]

no it's not, these css entries target the various infoboxes. You could copy one of osc catalog files (say privacy.php) with a test name to experiment. Basically with this line

 

	<td width="<?php echo BOX_WIDTH; ?>" valign="top"><table border="0" width="<?php echo BOX_WIDTH; ?>" cellspacing="0" cellpadding="2">

 

Assign a class to the <td> cell with a different background color to see what I mean. Like

 

<td width="<?php echo BOX_WIDTH; ?>" valign="top" class="testClass">

 

where:

 

td.testClass {

background: #cc0000;

}

[guanche]

Thanks, that worked great! Is there a way to get a black border around the #cccccc column like I have on my infoboxes?

[Guest]

yes there are css fields to support the border so for the <td> cell you could have

 

border: 1px;

border-style: solid;

border-color: #000000;

 

things like that.

[♥FWR Media]

Or even

 

border: 1px solid #000000;

 

To keep it neater :D

 

Sorry Enigma couldn't resist :-"