Click to See Complete Forum and Search --> : Problem seperating images with text vertically


kcirbmab
10-27-2008, 03:52 PM
Right now, I'm trying to set up news blurbs to have an image on the left and text on the right.If you look at the picture...

1) the thin red box is where the 2nd article is appearing.
2) the thick red box is where I would like the 2nd article to be placed.
3) the third red box is where the 2nd article appears if I try to use clear.

If I add a bunch of <br /> or <p>&nbsp;</p>, it will work, but it looks kind of bad when you shrink the window horizontally.

a quick reference for the HTML and CSS:

<div id="leftmenu" style="float: left">menu stuff</div>
<div id="container">
<div id="rightmenu" style="float: right">menu stuff</div>
<div id="content">content stuff</div>
</div>
</div>

Let me know if I'm not explaining well enough. Thanks.

felgall
10-27-2008, 04:29 PM
Set the margins and padding on the various elements to position them with the spacing you want.

kcirbmab
10-28-2008, 12:10 PM
Got it working with "height: 100%" for IE and "overflow: hidden" in Firefox.

Thanks.