index.php table help

[wyrmpit]

Hey everyone, I've got a little problem with a table in my catalog/index.php page. I have the "Featured Products" contribution installed and as you can see on my site http://www.wyrmpit.com it likes to default to the top portion of the page. I have another contribution installed, "News Desk," that if I enter a news topic, it will appear above the Featured Products box and force Featured Products down to the bottom of the home page, regardless of the size of the news article ( whether it's one line or twenty ).

 

I would like the Featured Products box to always default to the very bottom of the page, regardless of what's above it. I'll post a sample of my catalog/index.php code where I would assume the fix would be made. So far though, I haven't had any luck fiddling around with it. I don't know if it's a matter of moving the Featured Product's

<?php include

call to another portion of the table, or a valign attribute, or what.

 

I would also guess that it's somewhat complicated by the fact that it looks like there are multiple different tables that may or may not be drawn, judging by the various " if / else " statements precenting some of the table tags in this file.

 

Help!

 

?>
		<td align="right"><?php echo tep_image(DIR_WS_IMAGES . $image, HEADING_TITLE, HEADING_IMAGE_WIDTH, HEADING_IMAGE_HEIGHT); ?></td>
	  </tr>
	</table></td>
  </tr>
  <tr>
	<td><?php echo tep_draw_separator('pixel_trans.gif', '100%', '10'); ?></td>
  </tr>
  <tr>
	<td><?php include(DIR_WS_MODULES . FILENAME_PRODUCT_LISTING); ?></td>
  </tr>
</table></td>
<?php
 } else { // default page
?>
<td width="100%" valign="top"><table border="0" width="100%" cellspacing="0" cellpadding="0">
  <tr>
	<td><table border="0" width="100%" cellspacing="0" cellpadding="0">

	</table></td>
  </tr>	
  <tr>
	<td><?php echo tep_draw_separator('pixel_trans.gif', '100%', '10'); ?></td>
  </tr>
  <tr>
	<td><table border="0" width="100%" cellspacing="0" cellpadding="0">
	  <tr>
		<td class="main"><?php // echo tep_customer_greeting(); ?></td>
	  </tr>
	  <!-- BEGIN newsdesk -->
	  <tr><td><?php include(DIR_WS_MODULES . FILENAME_NEWSDESK_STICKY); ?></td></tr>
	  <!-- //END newsdesk -->


	  <!-- BEGIN newsdesk -->
	  <tr><td><?php include(DIR_WS_MODULES . FILENAME_NEWSDESK); ?></td></tr>
	  <!-- //END newsdesk -->
	  <tr>
		<td><?php echo tep_draw_separator('pixel_trans.gif', '100%', '10'); ?></td>
	  </tr>
	  <tr>
	   <td>
		<table>
		   <tr>
		  <td><?php echo tep_image(DIR_WS_IMAGES . 'TimeSpiralNews.gif'); ?></td>
		  <td align="left"><?php // echo NEWS_TEXT1; ?></td>
		 </tr>
		</table> 
	   </td>
	  </tr>
	  <tr>
		<td><?php echo tep_draw_separator('pixel_trans.gif', '100%', '10'); ?></td>
	  </tr>
	  <tr>
		<td class="main"><?php // TAKEN OUT BY ROB echo TEXT_MAIN; ?></td>
	  </tr>
	  <tr>
		<td><?php echo tep_draw_separator('pixel_trans.gif', '100%', '10'); ?></td>
	  </tr>

	<tr>
		<td><?php include(DIR_WS_MODULES . FILENAME_FEATURED); ?></td>
		</tr>
		<tr>
		<td><?php echo tep_draw_separator('pixel_trans.gif', '100%', '10'); ?></td>
		</tr>

	  <tr>
		<td><?php // TAKEN OUT BY ROB include(DIR_WS_MODULES . FILENAME_NEW_PRODUCTS); ?></td>
	  </tr>
<?php
include(DIR_WS_MODULES . FILENAME_UPCOMING_PRODUCTS);
?>
	</table></td>
  </tr>
</table></td>
<?php
 }
?>

[psynaptic]

The featured products box is at the top of your page because you don't have any other content there. Put some content in and it will move down.

[wyrmpit]

The featured products box is at the top of your page because you don't have any other content there. Put some content in and it will move down.

 

Right...I want to flush it to the bottom of the page regardless of what's there. If the page above it is full or blank, I want the Featured Products to still anchor to the bottom of the page. I don't want it close to tbe bottom depending on whether or not there's enough content above it.

 

There's got to be a way to do this with the table or CSS.

[Velveeta]

Right...I want to flush it to the bottom of the page regardless of what's there. If the page above it is full or blank, I want the Featured Products to still anchor to the bottom of the page. I don't want it close to tbe bottom depending on whether or not there's enough content above it.

 

There's got to be a way to do this with the table or CSS.

You can try nesting a couple of divs in the page... Wrap one around the entire center content area, and wrap the other around the featured products entry... You can absolute-position the one around the featured products to bottom: 0, and it will suck itself down to the bottom of its wrapper div... Here's an article describing it:

 

http://www.stopdesign.com/articles/absolute/

 

Richard.

[wyrmpit]

You can try nesting a couple of divs in the page... Wrap one around the entire center content area, and wrap the other around the featured products entry... You can absolute-position the one around the featured products to bottom: 0, and it will suck itself down to the bottom of its wrapper div... Here's an article describing it:

 

http://www.stopdesign.com/articles/absolute/

 

Richard.

 

I looked into it, and it's a bit over my head. There has to be an easier way to accomplish this in OsCommerce...

[Velveeta]

I looked into it, and it's a bit over my head. There has to be an easier way to accomplish this in OsCommerce...

Why does there have to be an easier way? Just because you want something done doesn't mean there's an easy way to do it :) This is a pure css method like you asked for, and it's really not complicated at all, put 1 div wrapper around your content area, stick another div wrapper around the featured product's table, use absolute positioning on the featured product's div wrapper to position it to the bottom of the content div wrapper... 3 steps...

 

Richard.