Iframe met onnodige horizontale scrollbar

[Justice]

Ik ben bezig met het maken van een persoonlijke site. Hierin wordt een iframe aangeroepen met bepaalde content (hier: gedichten). Deze content wordt zo kaal mogelijk opgemaakt (h1, h4, h6, p, hr en li). Er worden geen unbreakable spaces of tabellen etc gebruikt.

Nu is het het geval dat wanneer ik deze pagina in IE6SP1 bekijk er een horizontale en verticale scrollbar is en in Phoenix (mozilla) 0.5 alleen een verticale (zoals je mag verwachten). Aangezien ik geen rare fratsen met onzichtbare images of zelfs tabellen gebruik, snap ik niet waarom IE er een scrollbar bij moet zetten.

Ik heb dus als test het hele gedeelte tussen de 2 body tags gecomment, en toen was de scrollbar weg. Blijkbaar zit er toch iets in mijn pagina dat de balk veroorzaakt.
Het kan dus ook niet de achtergrond zijn die te groot is omdat ik dat dus ook getest heb daarvoor.

Alle hulp is welkom.
Link naar de site

[ Voor 3% gewijzigd door Justice op 08-01-2003 19:27 ]

[TA2]

scrolling="NO"

[Ladon]

TA2 schreef op 08 January 2003 @ 19:28:
scrolling="NO"

Das heel leuk een techpostje scoren...
Maar hij wilt wel verticaal kunnen blijven scrollen.
Beetje lastig naar pagina's kijken anders he...

edit:
denk overigens dat als je <br> zet, bij de regels die te lang zijn voor de iFrame, dat je het probleem dan ondervangen hebt.

[ Voor 24% gewijzigd door Ladon op 08-01-2003 19:31 ]

[supakeen]

TA2 schreef op 08 January 2003 @ 19:28:
scrolling="NO"

Misschien wil hij liever wel dat mensen verticaal kunnen scrollen

Met css kan dit was iets met x-overflow: hidden ofzo, zoek even bij google

[Verwijderd]

Is al eens langs geweest, het is alleen mogelijk als je scrolling="no" doet en dan je eigen verticale balk maakt mbv, layers of divs en scrollBy (of andere fratsen). Veel plezier

[TA2]

Sorry ... ik had de site nog niet bekeken

Houd dit dan niet in dat de source wat groter (breeder) is dat het iframe ?

[Justice]

zmn schreef op 08 januari 2003 @ 19:30:
[...]

Misschien wil hij liever wel dat mensen verticaal kunnen scrollen

Met css kan dit was iets met x-overflow: hidden ofzo, zoek even bij google

zmn:
The content is clipped, but the browser does not display a scroll-bar to see the rest of the content . overflow hidden laat ook je vertical scrollbalken verdwijnen

Ik zal even zoeken op wat Zoepnek zegt, kijken of het ergens beschreven staat. Is het ook niet door middel van CSS (in de hoofdpagina of binnen de iframe zelf) mogelijk om horizontaal scrollen niet mogelijk te maken? Dus alleen verticaal? Is niet erg netjes natuurlijk..

[Justice]

Verwijderd schreef op 08 januari 2003 @ 19:31:
Is al eens langs geweest, het is alleen mogelijk als je scrolling="no" doet en dan je eigen verticale balk maakt mbv, layers of divs en scrollBy (of andere fratsen). Veel plezier

http://www.designiskinky.net/index_main.html
Die kan het wel? Met gewone scrollbalken.

Bij mij zit de iframe al in een div. Maar de Iframe is niet te groot voor de DIV.

[TA2]

En als je je pagina in een gewoon frame mikt wat doet i dan ?

[Verwijderd]

Justice schreef op 08 januari 2003 @ 19:37:
[...]


http://www.designiskinky.net/index_main.html
Die kan het wel? Met gewone scrollbalken.

Bij mij zit de iframe al in een div. Maar de Iframe is niet te groot voor de DIV.

wat ik bij deze site zie is dit: <iframe src="home-iframe.php" frameborder="0" width="502" height="398" scrolling="no" name="main_iframe">

ik ben het effies kwijt

Woeii verkeerde iframe:
<iframe src="news-test.php" frameborder="0" width="352" height="371" scrolling="auto" name="news_iframe">

Maar ik kan me herinneren dat dat bij mijn site ook geen hol uitmaakte dat auto gedoe.

[ Voor 27% gewijzigd door Verwijderd op 08-01-2003 19:46 ]

[Justice]

http://poetry.s82.nl/poems.html hier dit is de normale pagina. Die kan je verkleinen tot 300px (omdat de HR 300px breed is op het moment). De iframe is 750px breed. Dus ik snap het niet.
Ook het afkappen van zinnen emt <br> helpt niet.

Verwijderd schreef op 08 januari 2003 @ 19:44:
[...]

wat ik bij deze site zie is dit: <iframe src="home-iframe.php" frameborder="0" width="502" height="398" scrolling="no" name="main_iframe">

ik ben het effies kwijt

Nee ik heb het over het rechtergedeelte met de updates..
daar staat dit in: <iframe src="news-test.php" frameborder="0" width="352" height="371" scrolling="auto" name="news_iframe">
en in de news-test.php wordt geen css aangeroepen.

En het klopt dat scrolling=auto totaal niets uitmaakt, omdat dat de default waarde is scrolling=auto staat trouwens ook in mijn eigen pagina dus daar kan het ook niet aan liggen. Een echte puzzel dit.

Het home gedeelte heeft helemaal geen scrollbar bij designiskinky, maar het newstest gedeelte wel, daar doelde ik op Dus het is wel mogelijk blijkbaar.

---

*Door debuggen blijkt dat zodra er meer content is dan de iframe aankan (verticaal) er 2 scrollbalken in beeld komen.
*Wanneer ik in de iframe alleen een pagina met een tabel (80% width) met daarin plain text zonder tags in zet krijg ik alsnog horizontale scrollbar bij teveel content

[ Voor 114% gewijzigd door Justice op 08-01-2003 21:06 ]

[Justice]

Door stap voor stap dingen aan te passen ben ik er uit:

---

Oplossing:
Je mag geen doctype declareren in de pagina die je opvraagt binnen het iframe. Doe je dat wel, dan krijg je dus die extra scrollbar. (beide pagina's waren volledig gevalideert door w3c).

Door het niet opgeven van je Doctype wordt je hoofdpagina wel gevalideerd, maar je iframe pagina apart niet. (en zo hoort het). Het is dus niet mogelijk om gevalideerde iframe-pagina's te schrijven zonder horizontale scrollbar.

Mozilla / Phoenix geeft de pagina gewoon goed weer.
Applaus voor microsoft..

[ Voor 3% gewijzigd door Justice op 08-01-2003 21:31 ]

[Verwijderd]

ik weet wel een makkelijkere manier

kijk eens hoe groot je achtergrond plaatje is..?! 750 en zo is je iframe ook... klopt toch zou je zeggen?! Nee niet helemaal want je hebt een vert. scrollbar en die snoept 12 px van je iframe waardoor je pagina 12 px te breed wordt en je ook horizontale scrollbars krijgt...

die 12 pixels weet ik niet precies hoor gloof dat et ongeveer zo was... maakt et van de zekerheid 20 pixels kleiner...

[Justice]

nee hoor want zelfs met mjin iframe op 950 pixels breed was er een scrollbalk, en ook op een lege pagina gevult met plain tekst had ik die scrollbalk zonder elke niet essentiele tag en zonder opmaak tags..

Als het zo makkelijk was dan was ik er al wel achter geweest

[ Voor 30% gewijzigd door Justice op 08-01-2003 21:38 ]

[crisp]

De link uit de DTD halen werkt ook - dit is een bekend bugje in IE6
Gewoon zo dus:

HTML:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

[posttoast]

Deze mag weer even omhoog:

ik heb hetzelfde probleem met zo'n horizontale scrollbar, maar gek genoeg helpt het niet als ik de doctype regel weghaal uit het iframe. Zou dat écht moeten helpen?

Overigens werkt het in andere browsers (Opera) ook niet. Toegegeven: de horizontale scrollbar is weg, maar hij breekt de tekst niet af. Er vallen dus stukken tekst buiten het iframe...

[ Voor 34% gewijzigd door posttoast op 04-04-2003 18:21 . Reden: Even getest in Opera ]

[Verwijderd]

Ik heb je site gezien en ik had nergens last van, dus misschien is deze reply alweer overbodig, maar zo niet, dan zou ik gewoon eens proberen om bij de sources van de pagina's IN de Iframe de body aan te passen met:

<body ....... rightmargin="0">
of
<body ....... leftmargin="0" rightmargin="0">

kan niet garanderen dat dat werkt, maar misschien is dat wel NET het beetje wat je nodig hebt zodat die scrollbar verdwijnt

ciao en suc6

[Dark Blue]

Is de pagina in je Iframe niet te breed opgemaakt, tabel van pcies hetzelfde aantal pixels breed als het iframe?

[posttoast]

Potverdorie, het is me gelukt! Ik had inderdaad precies dezelfde maten voor de tabel in het iframe als voor het iframe zelf, maar kennelijk levert dat toch problemen op... Ik heb nu de tabel iets kleiner gemaakt en dat werkt.

Dank allen!

Toevoeging:

na logisch nadenken snap ik nu waarom het misging: de scrollbar neemt natuurlijk óók ruimte in. Dus die had ik nog van die pixels af moeten trekken...

[ Voor 27% gewijzigd door posttoast op 04-04-2003 22:51 ]

[Dark Blue]

Uhhuh. Vroeger nam een scrollbar 16px in de breedte in, maar sinds Windows XP weet ik het niet zo... volgens mij staan die beesten standaard op 20px daar, en zet een 'thuisgebruiker' dat niet terug naar 16...

[flexje]

overflow-x: hidden moet ook werken toch?

[ Voor 6% gewijzigd door flexje op 04-04-2003 23:29 ]

[posttoast]

flexje schreef op 04 April 2003 @ 23:29:
overflow-x: hidden moet ook werken toch?

Nee, werkt niet. Okay, je hebt geen scrollbar maar hij breekt dan ook niet goed af.

Mijn probleem was gewoon op te lossen door de tabel iets kleiner te maken dan het iframe.