No replies
rwoodruf
Offline
newbie
Last seen: 18 years 2 weeks ago
Timezone: GMT-5
Joined: 2004-11-19
Posts: 1
Points: 0

Hello all,

I am attempting to create something similar to the attached file (Image 1).

More specifically, I am attempting to create the same layout as the article body. I basically want to have an surrounded by text just like this article. However, I want to limit myself to the following:

  • Article text must be in its own div
  • Image must be in its own div
  • Image div can not reside inside body div.

So far, I have come up with the following html:

<snip>
<div id="article">
<div id="ad">Ad box here</div>
<div id="body">some body text here</div>
</div>
</snip>

and the following styles:

<snip>
#article{width:800px;border:1px solid;}
#ad{width:300px;border:1px solid red;float:left;margin-top:200px}
</snip>

However, this creates a margin around the ad div that goes up for 200 pixels. This results in ad body text being wrapped along the right and bottom margins of the ad div with no text above the ad div because of the 200 pixel margin (see image 2 in attached file).

I hope that this makes sense. Any and all help is appreciated.

Thanks.

-- Rodney

P.S. I apologize for the quality of the image but I had to get it under 64K.

[/]