Hi
test page: http://www.qualityimagesearch.com/vi...hp?img_id=9610
In later browsers, this vertical 2 col layout works fine, but in earlier browse (IE), the top frame returns under the left column at full width.
css
Code:
html{
height: 100%;
}
body{
margin: 0px;
font-family: Arial, Helvetica, sans-serif;
color: #FFFFFF;
height:100%;
}
.lcol{
float: left;
width:250px;
height: 100%;
border-right: 5px ridge #CCCCCC;
background-image:url(css/back-repeat.jpg);
background-repeat: repeat-x;
background-color: #000;
text-align:center;
}
.rcol{
display: block;
width: 100%;
height: 100%;
background: #333;
text-align:center;
}
PHP Code:
<body>
<div class="lcol">
stuff...
</div>
<div class="rcol">
<script type="text/javascript"><!--
google_ad_client = "pub-######";
/* SmartImageSearch Leaderboard 728x90, created 19/06/10 */
google_ad_slot = "#####";
google_ad_width = 728;
google_ad_height = 90;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
<iframe
src="<?php echo $row_Image['IMAGEURL'];?>"
style="width: <?php echo $newWidth;?>px; height: <?php echo $newHeight;?>px; border: 1px solid #ccc;"
></iframe>
</div>
</body>
It seems the adsense module is forcing it down? or am I missing something. this is normally something I'd do myself, but I don't have easy access to earlier version.
I'm also going to run it through browsershots to see what else it fails in.
Any help would be appreciated.