Wie man Grenze für einen Iframe in IE8 los wird

Haben Sie versucht, die Einstellung über CSS?

iframe {
    border:0px none transparent !important;
}

Auch, diese scheinen zu arbeiten - marginheight="0" marginwidth="0" frameborder="0". Entnommen aus dieser Beitrag auf der gleichen IE-Problem.

InformationsquelleAutor der Antwort Robin Maben

Merke ich, IE8 ist ein ärgernis, wenn es um iFRAMES. Die "Frameborder" ist obsolet in HTML5 so, während es ist die einfachste Möglichkeit für den IE8, ist dies nicht eine langfristige Lösung.

Habe ich erfolgreich ausgeblendet Grenzen und scrollbars, indem der iFRAME innerhalb eines Containers. Die iFRAME-container selbst befindet sich innerhalb eines div-für die Allgemeine Positionierung auf der web-Seite. Der iFRAME selbst wird absolute positioniert, und die negative Ränder sowohl oben und Links, um sich zu verstecken die oberen und linken Ränder. Breite und Höhe des absolut positionierten iFRAME sollte codiert werden, bei über 100%, so dass es mehr als die übergeordnete Größe bis zu dem Punkt, dass die rechten und unteren Ränder sind nicht sichtbar (auch die Scrollbalken nicht sichtbar sind). Diese Technik macht auch die iFrame reaktionsschnell Weg, weil der iFRAME-container verwendet Prozentsätze sowie die div-hält die container. Natürlich der iFRAME parent-div gesetzt werden muss, overflow:hidden.

Hier ist ein Beispiel code:

    /*THE PARENT DIV FOR THE iFRAME CONTAINER*/
    .calcontainer
        {
        width:100%;  /*adjust iFrame shrinking here - if floating use percentage until no white space around image.*/   
        max-width:200px;     
        margin:auto;     
        }


    /*THE RELATIVE POSITIONED CONTAINER FOR THE iFRAME*/

    .calinside  /*container for iFRAME - contents will size huge if the container is not contained and sized*/
        {   
        position:relative; /*causes this to be the parent for the absolute iFRAME*/
        padding-bottom: 100%; /* This is the aspect ratio width to height ratio*/
        height: 0;
        overflow:hidden; /*hides the parts of the iFRAME that overflow due to negative margins and over 100% sizing*/     
        }


/*THE ABSOLUTE POSITIONED iFRAME contents WITH NEGATIVE MARGINS AND OVER 100% SIZE IS CODED HERE.  SEE THE NORMAL SETTINGS VERSUS THE IE8 SETTINGS AS MARKED.  A SEPARATE CSS FILE IS NEEDED FOR IE8 WITH A CONDITIONAL STATEMENT IN THE HEAD OF YOUR HTML DOCUMENT/WEB PAGE*/

    .calinside iframe
        {
        position: absolute;
        top: 0;
        left: 0;
        width: 100% !important;/*must expand to hide white space to the right and below.  Hidden overflow by parent above*/
        height: 103% !important; /*must expand to hide white space to the right and below.  Hidden overflow by parent above*/
        /*IE8*/top: -2%;
        /*IE8*/left: -2%;   
        /*IE8*/width: 114% !important;/*For IE8 hides right border and scroll bar area that is white*/  
        /*IE8*/height: 105% !important; /*hide white space and border below.  Hidden overflow by parent above*/          
        }

InformationsquelleAutor der Antwort Frugal