[hockeykid]

Hello,

I have a div, #content, and floated next to it is #ads.

I have to give both divs a width because they're floated and many browsers don't like it if you float elements without a width.

But because #ads isn't going to be on every one of my pages, I need a way to get #content to stretch to the end of my #container if #ads is not there.

So here is my problem: How do I check if #ads is present on the page and then change the width of #content accordingly?

For example: If #ads is present, I would like #content to be 460px wide. If #ads is not present, I would like #content to be 580px wide. How can I accomplish this?

Also, I'll need to use the Box Model Hack (if you're familiar with CSS), so this may complicate the code a bit, but we can worry about that after).

Thanks in advance.

[TwoD]

I think the easiest way to do this would be something like this:

[code]
<div id="content" style="position:absolute;top:100;left:470;width:20 0;height:100;>My Text</div>
<div id="ads" style="position:absolute;top:100;left:10;width:460 ;height:100;>My Ads</div>

<script>
document.getElementById('content').style.width= (document.getElementById('ads') ? 460 : 580)+"px"

</script>
[code]

Just make sure the code runs after both (or one) of the tags have been inserted into the page like above.

[hockeykid]

Cool, thank you for your input.