Toon posts:

Iframe scrollbar

Pagina: 1
Acties:

Verwijderd

Topicstarter
Ik heb een pagina, waarin een iframe zit. Hierin worden 6 html's geladen, alleen bij 1 html ding gaat het verkeerd, de scrollbar blijft zichtbaar (horizontaal).

IFRAME deel
code:
1
2
<iframe name="iframe"  src="inhoud/ons.htm" scrolling="auto" frameborder="0" width="484" height="319">
    </iframe>


HTML stukje dat geladen worden

code:
1
2
3
4
5
6
7
8
body
<table width="470" border="0" cellspacing="0" cellpadding="10">
  <tr>
    <td>you get the point??
    </td>
  </tr>
</table>
/body


Ik hoop dat jullie kenne helpen, als je meer info nodig hebt laat het ff weten

  • Nik
  • Registratie: April 2004
  • Laatst online: 11-05 20:28

Nik

scrolling="auto" --> scrolling="no"

Zomaar een suggestie hoor?

  • Dr. Donald
  • Registratie: December 2003
  • Laatst online: 14-05 15:13
code:
1
<body margin="0" padding="0">


+ ^^

  • RM-rf
  • Registratie: September 2000
  • Laatst online: 14-05 13:03

RM-rf

1 2 3 4 5 7 6 8 9

Dr. Donald schreef op maandag 14 februari 2005 @ 14:43:
code:
1
<body margin="0" padding="0">


+ ^^
ik dacht het niet..

eerder:
code:
1
<body style="margin: 0; padding:0;">


nog beter is:
code:
1
2
3
4
<style type="text/css">
HTML,  BODY {
   padding:0; margin: 0;
}


en eigenlijk kun jdie table dan beter op width="100%" zetten (of dit ook via CSS doen) dan kun je vervolgens je breedte op 1 punt aanpassen en volgt de tabel automatisch...

Intelligente mensen zoeken in tijden van crisis naar oplossingen, Idioten zoeken dan schuldigen


Verwijderd

Topicstarter
Ik heb hem al op 90% gehad en de horizontale scrollbar blijft nog steeds (ik heb de tabel ook 10 pixels breed gemaakt gewoon kijken of het daar aan ligt, maar dat was het propbleem niet, ook komen er geen regels meer ander of boven het is echt puur en alleen de tabel).

Ook heb ik uiteraard al No scrollbar gedaan maar ik heb hem dus wel ergens nodig anders zou ik wel heel stom zijn (wat uiteraard nog niet uitgesloten is) :Y)
Ik had sowieso wel duidelijker kunnen zijn sorry

p.s. margin en padding van tabel zijn nul, en aan de breedte lijkt het me niet te liggen. zoals je hierbove kunt lezen

[ Voor 47% gewijzigd door Verwijderd op 14-02-2005 15:29 ]


  • HyperioN
  • Registratie: April 2003
  • Laatst online: 25-04 09:11
HTML:
1
2
3
<style type="text/css">
html, body { overflow-x: hidden; }
</style>

in het document ín de iframe, dus in dit geval in je ons.htm


/basic..komt iedere week ongeveer wel een keer voorbij

[ Voor 126% gewijzigd door HyperioN op 14-02-2005 19:24 ]


  • XangadiX
  • Registratie: Oktober 2000
  • Laatst online: 13-05 10:26

XangadiX

trepanatie is zóó kinderachtig

HyperioN. schreef op maandag 14 februari 2005 @ 19:13:

/basic..komt iedere week ongeveer wel een keer voorbij
valt mee hoor; als dit werkelijk alle code is zou het namelijk moeten werken; goed de cascading schutzstaffel heeft gelijk dat het ei-gen-lijk in divjes en cssjes moet, maar dan nog zou die scrollbar daar niet moeten staan; de vraag is dus: wat is hier eigenlijk aan de hand. wat jij hier geeft is een workaround. Je zet iets alsnog uit dat in principe niet aan had moeten staan.

[ Voor 14% gewijzigd door XangadiX op 14-02-2005 21:17 ]

Stoer; Marduq


  • HyperioN
  • Registratie: April 2003
  • Laatst online: 25-04 09:11
XangadiX schreef op maandag 14 februari 2005 @ 21:17:
[...]
valt mee hoor; als dit werkelijk alle code is zou het namelijk moeten werken; goed de cascading schutzstaffel heeft gelijk dat het ei-gen-lijk in divjes en cssjes moet, maar dan nog zou die scrollbar daar niet moeten staan; de vraag is dus: wat is hier eigenlijk aan de hand. wat jij hier geeft is een workaround. Je zet iets alsnog uit dat in principe niet aan had moeten staan.
Oh, je wilt weten hoe het komt?
Ok, dat kan ik je ook heel simpel vertellen.

Het is een IE only bug..in Firefox zie je het niet.
Dat komt door een fundamenteel verschil wat je ziet in IE, en dat is dat Internet Explorer áltijd de 16px breedte van je verticale scrollbar bij-berekent in een pagina, zélfs als die niet nodig is. Normaal zie je dat ook, start IE maar eens op en navigeer naar bijv. Google. De scrollbar is niet nodig, maar hij staat er wel, disabled weliswaar.
In een iframe berekent IE deze ook, maar hij laat hem niet zien. Waarom? Geen flauw idee, vraag dat aan de heren Microsoft.
Maar dat betekent dus, dat de pagina 470+10+16+4= 490 pixels breed wordt gezien door IE...meer dan de opgegeven 484px van de iframe, maar liefst zes pixels.

En dáarom tekent IE de horizontale scrollbar. Stom, maar waar. Als je het iframe dus 490 pixels of de pagina-tabel 464px breed maakt, zie je ook meteen de scrollbar verdwijnen.

Duidelijk genoeg :) ?

[ Voor 7% gewijzigd door HyperioN op 14-02-2005 21:40 . Reden: typo ]


Verwijderd

Topicstarter
Heel duidelijk thank, ik ga ff checken of het werkt wat ik wel verwacht.

Groeten Antoine out!!

Verwijderd

Leuk verhaal hoor, maar bij mij is het precies omgekeerd

Firefox laat een horizontale scrollbar zien, terwijl IE dat NIET doet...
www.gorteradvisie.nl

Iemand hier een idee over?

[ Voor 7% gewijzigd door Verwijderd op 15-02-2005 10:53 ]


  • RM-rf
  • Registratie: September 2000
  • Laatst online: 14-05 13:03

RM-rf

1 2 3 4 5 7 6 8 9

Verwijderd schreef op dinsdag 15 februari 2005 @ 10:53:
Leuk verhaal hoor, maar bij mij is het precies omgekeerd

Firefox laat een horizontale scrollbar zien, terwijl IE dat NIET doet...
www.gorteradvisie.nl

Iemand hier een idee over?
uit de bron van het Iframe:
code:
1
2
3
4
5
6
7
8
9
10
11
body {
    background-color: #E8E7E7;
    width: 95%;
    scrollbar-track-color:#E8E7E7;
    scrollbar-shadow-color:#FFFFFF;
    scrollbar-face-color:#5E5E5E;
    scrollbar-highlight-color:#FFFFFF;
    scrollbar-darkshadow-color:#FFFFFF;
    scrollbar-3dlight-color:#FFFFFF;
    scrollbar-arrow-color:#FFFFFF;
}


maak daar eens van:
code:
1
2
3
4
5
6
HTML, BODY{
    width: 100%; height: 100%;
                padding: 0; margin: 0;
    background-color: #E8E7E7;
    scrollbar-blah: ...;
}

Tevens kun je de breedte van de tabel beter in percentage doen dan in een fixed breedte (de breedte van scrollbars is zeer wisselend per browser, OS of zelfs screensize)

verder is de code een rotzooitje, een lelijke vermengeling van layout-beschrijvende properties in de HTML en CSS, fouten in de CSS (bv 'IFRAME {}}' oftewel een dubbel afgesloten rule-block) ...

Maar bij mij in FireFox 1.0 zag ik geen horitzontale scrollbar

Intelligente mensen zoeken in tijden van crisis naar oplossingen, Idioten zoeken dan schuldigen


  • HyperioN
  • Registratie: April 2003
  • Laatst online: 25-04 09:11
ja euh dat doet ie bij mij ook in IE hoor.. gewoon omdat je content er niet in past :)

  • XangadiX
  • Registratie: Oktober 2000
  • Laatst online: 13-05 10:26

XangadiX

trepanatie is zóó kinderachtig

HyperioN. schreef op maandag 14 februari 2005 @ 21:32:
[...]


Oh, je wilt weten hoe het komt?
Ok, dat kan ik je ook heel simpel vertellen.
-snip-
duidelijk verhaal
-snip-
das een duidelijk verhaal :)

Stoer; Marduq


  • HyperioN
  • Registratie: April 2003
  • Laatst online: 25-04 09:11
Ja dat vind ik echt een typische FAQ-antwoord.. maar helaas is de W&G FAQ nog niet zo ver :p

  • Woudloper
  • Registratie: November 2001
  • Niet online

Woudloper

« - _ - »

HyperioN. schreef op dinsdag 15 februari 2005 @ 16:35:
Ja dat vind ik echt een typische FAQ-antwoord.. maar helaas is de W&G FAQ nog niet zo ver :p
offtopic:
Je bent van harte welkom om ook je steentje bij te dragen, kijk maar naar de sig van mophor

Verwijderd

Topicstarter
Ik heb uit al dat gezeik hier ;) nog wat nuttigs kunnen halen.

Thanks voor de info, hij werkt nu netjes.


Mods doe maar een slotje want anders hebben we dadelijk nog ruzie over FAQ's en css heights enzo :7
Pagina: 1