IanD — Thu, 23 Jun 2005 13:00:37 +0000

That worked, thanks

Renegade — Thu, 23 Jun 2005 10:53:57 +0000

Tried floating it?

Floating the image will take it out of the "flow" so, just add a "spacer" DIV at the end of your content (i.e. at the bottom of the content DIV)

Your content div will look something like this when it's empty:

<div id="content">
<img src="./images/spacer.gif" width="1" height="475" alt="" title="" id="ie-fix" />
<!-- Content goes here -->
<div class="spacer"></div>
</div>

And of course, the CSS for the spacer:

#ie-fix {
position:relative; /* for a fix in opera (6, I think, don't know about 7) */
float:left; /* or right */
}

.spacer {
clear:both;
height:0;
}

I usually use this spacer DIV trick as a work around to my "float" problems.

IanD — Wed, 22 Jun 2005 18:09:52 +0000

The problem I had with that was, if I do this:

then it pushes the text down to below the image, but if i do this

so that the text wraps, then the image doesn't force the area to be 475px high anymore.

Greg K — Wed, 22 Jun 2005 17:50:57 +0000

this is not the best method probably, but would work. Get a 1x1 transparent gif and if the browser is IE, display it inside with a height of 475. You will have to play around where to put it so that all your regular content flows beside it, not above of below it.

-Greg