Forum Moderators: not2easy
I have found several mentions of bugs on the internet concerning IE floats and images, but none seem to address my problem.
<!-- *********TOP CONT In********** -->
<div class="real_top_cont"> <div class="real_right">
<?php if (isset($primary_links)) { ?><?php print theme('links', $primary_links, array('class' => 'links', 'id' => 'navlist')) ?><?php } ?>
</div>
<div class="real_top">
<img src="/themes/real_estate/images/top-image.jpg">
</div>
</div>
<!-- *********TOP CONT Out********** -->
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,div,a,img
{
padding:0;
margin:0;
border:0;
line-size:0;
}h1,h2,h3,h4,h5,h6,pre,code
{
font-size:1em;
}
a img,:link img,:visited img
{
border:none
}
ul,ol,li
{
list-style:none
}
body
{
background-color:#4A6529;
text-align:center;
color:#FFFFFF;
}
.real_main
{
margin:0 auto;
width:790px;
text-align:left;
background-color:#637D39;
background-image:url('/themes/real_estate/images/back.png');
background-repeat:repeat-y;
border-left:2px solid #FFFFFF;
border-right:2px solid #FFFFFF;
}
.real_content
{
width:556px;
float:right;
}
.real_right
{
float:right;
width:232px;
height:217px;
background-color:#CCCCCC;
}
.real_top_cont
{
border-bottom:2px solid #FFFFFF;
height:217px;
}
The problem that I am having is that in IE, the image that is supposed to appear on the left of the .real_right div is falling below. I have tried adjusting the width until it was obvious that the image should clear the .real_right div, but the image still drops below as if I haven't floated it at all.
Also, on the same site, in the .real_top_cont div, in IE there is a space between the image and the 2px border bottom which I don't want to be there. I have tried making the image a block, tried removing the baseline alignment, and given a line-height of 0 to it's container, yet for some reason, the space is still there.
Thank you for any help or advice that you might offer.
anyway have you fixed this yet?
if not can you provide the code with the image size (the one in real_top) too - IIRC what I saw was that image itself was about 50px too wide for the div that contained it
also here we don't have the CSS code for .real_right and real_top which seems to be the two divs you're talking about?
-Suzy
