In the php script that I'd like to modify, it has a file for the header & footer part of the web page, and a file for the content part of the web page. The content part has a left and right column. Underneath these columns, I'd just like to add a box for more content, all the way across the web page, underneath the two columns.

The code shows below a simplified version of the content of the page.

When I add something below <!--End Right Column--> it appears under the right column. Can you provide some basic code which would add a box that stretches across the web page underneath the left and right column?

Any help would be appreciated. Thanks.

<!--Begin Left Column--><title>ads</title>
<div id="column-left-1">
  
</div>
<!--End Left Column-->
<!--Begin Right Column-->
<div id="column-right-1">
 
</div>
<!--End Right Column-->

Could you show us your css? There's no reason why anything you place below the right column code is only showing below that column. At least not based on the html you're showing. Either there's more html we're not seeing or it's something in your css.

You could add a wrapper around both columns

<div id="wrapper">
<div id="column-left-1">
  
</div>
<!--End Left Column-->
<!--Begin Right Column-->
<div id="column-right-1">
 
</div>
<!--End Right Column-->
</div> <!-- closes wrapper div -->

new stuff here

You shouldn't need to do this though to get it work

My guess would be .. and it's just a guess - that the columns, either one or both of them, are FLOATED. In order to get your new box to appear under BOTH columns you have to CLEAR those floats. Add the new div, and make sure it has clear:both; in the css for that new div and that will clear the floated columns above it.

Yes, good guess. The columns are floated.

Would you mind expanding on your reply "clear:both; in the css for that new div"

I put this in the page file <div style="clear:both;"></div> and that did nothing.

Are you saying I should put this in the css file? Can you tell me how it should appear there?

Thanks.

ALL your styles should be in the css file, NOT inline.

What I'm suggesting is this:

<div id="column-left-1">
Left column floated left
</div>

<div id="column-right-1">
right column
</div>

<div id="bottom-box">
div under columns
</div>

Then the css I'd use for #bottom-box:

#bottom-box{
clear: both;
width: xxxxx;
margin: xx;
padding: xx;
}

If that doesn't work, then we need to see all the code, or a URL so we can see what else is going on. I've used this method before on a similar layout, so I know it will work.