iFrame width

[lennartkocken]

Ik zit al een tijd met het probleem dat een iFrame in IE kleiner is dan in Opera en Firefox. Via een Style geef ik de breedte mee, die is even groot als een div, maar bij Internet explorer is het kleiner dan in Firefox, het is de breedte van de scrollbar, dus ergens moet daar die grootte bij/af... hoe los ik dit netjes op?
Hier de verschillen:

[SchizoDuckie]

in een container div met een vaste breedte en dan width='100%' ?

[lennartkocken]

Dan klopt het voor allebei nog niet, ene is 16px breder/smaller dan de ander...

wilde het oplossen met

code:

.about {
    frameborder: 0; border: 0; scrolling: no; width: 374px;
    <!--[if IE]>
        width: 390px;
    <![endif]-->

maar dat wil niet...IE houdt de 374px aan...

[Mad Marty]

Een voorbeeldje van je CSS / HTML zou ook fijn zijn, maar ik gok er op dat je even wat met de margin / padding moet spelen.

Cascading Stylesheet:

.about {
   width: 390px;
   padding: 0;
   margin: 0;
}

...of iets van die strekking.

[ Voor 32% gewijzigd door Mad Marty op 02-04-2007 23:30 ]

[Verwijderd]

lennartkocken schreef op maandag 02 april 2007 @ 21:13:
Dan klopt het voor allebei nog niet, ene is 16px breder/smaller dan de ander...

wilde het oplossen met

code:

.about {
    frameborder: 0; border: 0; scrolling: no; width: 374px;
    <!--[if IE]>
        width: 390px;
    <![endif]-->

maar dat wil niet...IE houdt de 374px aan...

Je mag ook geen conditional comments gebruiken in de css . Dit kan alleen in de html. Dus include in de html een style_ie.css in of iets dergelijks

voorbeeldje:

HTML:

    <link rel="stylesheet" type="text/css" href="style.css" />
    <!--[if lte IE 6]>
    <link rel="stylesheet" type="text/css" href="style_ie.css" />   
    <![endif]-->

Je kan ook nog kiezen voor de "IE 6 snapt !imporant niet" functionaliteit

Cascading Stylesheet:

.about {
frameborder: 0; /*is geen css, d8 ik*/
border: 0; 
scrolling: no; /*is ook geen css*/
width: 374px !important; /*alle moderne browsers pakken deze*/
width: 390px; /*IE 6 snapt dat important niet en pakt deze*/

Ik ga er overigens vanuit dat dat frame gebeuren in IE 7 wel werkt

[ Voor 38% gewijzigd door Verwijderd op 03-04-2007 09:44 ]

[lennartkocken]

Behoorlijke topickick, maar het werkt allemaal nog steeds niet. Als ik de breedte voor IE alleen 16px meer maak, wordt de DIV eromheen (die een border heeft) ook 16px groter.

Bekijk maar 's op http://www.videopitch.nl/watch de scrollbar zit nu netjes op z'n plaats, maar de DIV eromheen zit niet meer goed. in Fx werkt het goed.

* lennartkocken heeft een smerige oplossing gevonden.

[ Voor 7% gewijzigd door lennartkocken op 04-07-2007 14:28 ]