Forum Moderators: open
<div id="left" class="column">
<img src="images/thinger.jpg" alt="thingerleft">
</div>
<div id="right" class="column">
<img src="images/spacer.png" style="width: 189px; height: 40px; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/thinger1.png', sizingMethod=scale);" alt="thinger">
</div>
The issue I'm having is that this method, as well as the JS version of this is pushing thinger.jpg, the first image which should have nothing to do with this, about 300px to the right, out of its containing div and into my central div. If anyone has an idea please let me know as I'll soon be bald.
div#container .column
{
position: relative;
float: left;
}
div#left
{
width: 190px; /* LC width */
right: 200px; /* LC width */
margin-left: -100%;
height: 1200px;
}
div#right
{
width: 200px; /* RC width */
margin-right: -200px; /* RC width */
height: 1200px;
}
<div id="left" class="column">
<img src="images/thinger.jpg" alt="thinger"> </div>
<div id="right" class="column">
<img src="images/thinger1.png" width="189" height="40" alt="thinger">
</div>
I should mention that this works fine in FF, Opera, IE7, and of course is only affected in IE5.5-IE6 because that the only time the PNG fix goes into play.
I have validated both my HTML and CSS without warning, and really appreciate the help, thanks.
[edited by: Greven at 6:23 pm (utc) on Dec. 23, 2006]