Not signed in (Sign In)

SkillShare - A place to discuss Web Standards and Web Design topics

Categories

Vanilla 1.1.9 is a product of Lussumo. More Information: Documentation, Community Support.

    • CommentAuthorilsott
    • CommentTimeFeb 22nd 2006 edited
     permalink
    I have been working on getting my css IE compliant for a couple days now and I can't handle it anymore.

    http://infoshop.nfshost.com/altindex.php

    I'm not sure which IE/Win I'm viewing it on, but it's probably not IE6. It's doing fine on IE/Mac, netscape, firefox, and safari. Big surprise that IE/win is the sore thumb.

    First, the background of the center column is stretching out to it's parent div (wrapper).

    Second, every time there is something funky in the center column ("Lorem ipsum" works just fine) the column breaks and goes below the two other columns.

    btw, I'm planning to ship this with a explorer destroyer flash screen for IE users.
    http://www.explorerdestroyer.com/

    Thanks a lot.
    • CommentAuthorilsott
    • CommentTimeFeb 22nd 2006
     permalink
    Here's the important CSS. The * html stuff was me trying to solve the problem with the box model hack.

    div#wrapper{
    margin-left: 253px;
    min-width: 447px;
    width: auto;
    background: #FFF;
    }
    div#left{
    float: left;
    width: 240px;
    display:inline;
    }
    div#right{
    float: right;
    width: 160px;
    margin-top: -10px;
    display:inline;
    }
    div#center{ /* content width for other browsers */
    min-width: 282px;
    width: auto;
    margin-right: 170px;
    background-color: #FFCC99;
    background-image: url(alt/img/infopeachbg.jpg);
    }
    * html div#center /* this is recognized by IE only */
    {
    /* total width, only for IE5.x/Win
    background-color: #FFF;
    background-image: none;
    overflow: hidden;
    width: 353px;
    clip: 353px; */
    /* content width for other IE
    width: auto; */
    }
Add your comments
    Username Password
  • Format comments as (Help)