Forum Moderators: not2easy
some code:
.column-wrap { position: relative; background-color: #6c9; padding-top:1px;z-index:1;}
.column-1 { position: absolute; left: 0px; top: 11px; width: 200px; background-color: #fc0; z-index:3;}
.column-2 { position:relative; margin-left: 200px; margin-right: 300px; margin-top: 10px; background-color: #f90; z-index:3;}
.column-3 { position: absolute; right: 0px; top: 11px; width: 300px; background-color: #ff6600; z-index:3;}
.block { position: relative ;background-color: #555; padding:5px;border:1px solid #ccc;}
img {border: 0; }
img.imglft{
float: right;
position: relative;
height: 280px;
padding: 1px 10px 1px 1px;
}
and the site script :
<div class="column-2-wrapper">
<div class="column-2">
<h2>Column Two</h2>
<div class="block"><p>Filler</p></div>
<div class="block"><img src="images/pictures/mawda3.jpg" class="imglft" align="right"><p>Filler1</p>
<div style="clear: both;"></div></div>
<div class="block"><p>Filler</p></div>
<div class="block"><p>Filler</p></div>
</div>
</div>
I seem to remember there is a float: right bug in IE...
can't remember where I found it, or even if it's the same bug..but I'll post it later if I find the link
Suzy
<added>the bug link [positioniseverything.net]</added>