css problem

learning_brain

New Member
Messages
206
Reaction score
1
Points
0
Hi

test page: http://www.qualityimagesearch.com/view_image.php?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:
<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.
 
Last edited:

fomalhaut

Member
Messages
107
Reaction score
0
Points
16
Hello learning_brean

I don't remember where, but this morning I've read about this problem for IE8 in a forum. I don't remember if there were a solution given. I was searching for a IE8 problem about framesets, but I don't remember exactly the words I used !

I've tried on IE6, and the problem remains : the 2 columns are one above the other. With Firefox and Opera, they appear one on the left, the other on the right.

search google.
 

learning_brain

New Member
Messages
206
Reaction score
1
Points
0
Many thanks for this, but Google was my first port-of-call and couldn't get a clear answer... lots of perhaps and maybe's.

Browsershots truncates URI's in the middle so all results have come up unfound... how stupid is that?

I hate IE.
 
Last edited:

misson

Community Paragon
Community Support
Messages
2,572
Reaction score
72
Points
48
More specifically, the problem manifests in IE7 standards (tested running IE8 in compatibility mode) and IE6 standards mode, but not in IE7 Quirks nor in IE8 standards mode.

It appears to be what one site termed the float-width bug; try the suggestions on that page. Good keywords for a web search are "IE float width bug" or "IE bug float pushed below".
 
Top