hi there!
I'm just going crazy with this stuff I want to do I though was simple.
I just want to locate an image (which is linkeable) below the bottom of
a cell.
I mean, if the cell is at 0,0, the image should be at 0,100%. I've
tried it several ways, and I can make it work in both firefox & ie, but
not at the same time!!.
In explorer, the aproach is this:
..containercell{
position:relative;
}
..imagelayer{
position:absolute;
top:100%;
left:-1px;
}
and the HTML
<table>
<tr>
<td class="containercell">
blah,blah,blah<div class="imagelayer"><img src="..s.s"></div>
</td>
<td class="containercell">
blah,blah,blah<div class="imagelayer"><img src="..s.s"></div>
</td>
</tr>
</table>
this doesn't work in firefox, because of a bug in it (the position
atribute doesn't work in table cells), although this css is strictly
css2
and, in firefox, the approach is:
..containerdiv{
position:relative;
height:100%;
}
..bottomimg{
position:absolute;
left:-1px;
top:100%;
}
<table>
<tr>
<td>
<div class="containerdiv">
blah,blah,blah<img class="bottomimg" src="..s.s">
</div>
</td>
<td>
<div class="containerdiv">
blah,blah,blah<img class="bottomimg" src="..s.s">
</div>
</td>
</tr>
</table>
which doesn't work the way I like in ie, because the height:100%
property in the div element doesn't take the 100% of its parent element
(in this case, the table cell), (in firefox it does), so I can't
position the image where I want, just below the bottom of the cell.
Is there any workaround for this??
or, at least, Is there any simple way of choosing styelsheets depending
on the web client????
txs a lot.