+ Reply to Thread
Results 1 to 4 of 4

Thread: css problem

  1. #1
    learning_brain is offline x10 Sophmore learning_brain is an unknown quantity at this point
    Join Date
    Apr 2010
    Location
    UK, Midlands
    Posts
    170

    css problem

    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.
    Last edited by learning_brain; 08-19-2010 at 04:41 PM.

  2. #2
    fomalhaut is offline x10Hosting Member fomalhaut is an unknown quantity at this point
    Join Date
    Aug 2009
    Location
    South of France near Arles
    Posts
    91

    Re: css problem

    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.

  3. #3
    learning_brain is offline x10 Sophmore learning_brain is an unknown quantity at this point
    Join Date
    Apr 2010
    Location
    UK, Midlands
    Posts
    170

    Re: css problem

    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 by learning_brain; 08-20-2010 at 03:36 PM.

  4. #4
    misson is offline x10 Spammer misson is a jewel in the rough
    Join Date
    Mar 2008
    Location
    Libertatia
    Posts
    2,506

    Re: css problem

    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".
    Be sure to read all pages linked in this post; they have further information that should prove useful. When asking for help, make sure you follow Eric Raymond's and Jon Skeet's guidelines for prompt, accurate responses. Please answer any questions I ask; they're not rhetorical (probably). Any posted code is intended as illustrative example, rather than a solution to your problem to be copied without alteration. Study it to learn how to write your own solution.
    Misson, not Mission.

+ Reply to Thread

Similar Threads

  1. Replies: 3
    Last Post: 07-08-2010, 01:47 AM
  2. Control Panel problem / Hosting problem
    By cgreyes in forum Free Hosting
    Replies: 1
    Last Post: 11-24-2008, 06:15 AM

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
x10hosting free hosting for the masses
dedicated servers