11 svar · 1 369 visningar · startad av Skogenskonung
Hej!
Jag har problem med att en iframe inte är tillräckligt stor, dvs att innehållet är större och att det blir scroll-lister som jag inte vill ha alls.
Länk till sidan:
http://www.wildsweden.com/dalarna/
Innehållet i iframen är dynamiskt och hämtas från annan server som jag inte har möjlighet att påverka. Jag har bara fått den här koden av dem som jag lagt in på sidan.
<script type="text/javascript" src="https://wildsweden.rezdy.com/pluginJs"></script> <iframe seamless="" frameborder="8" width="100%" height="100%" class="rezdy" src="https://wildsweden.rezdy.com/catalog/28136/tours-in-dalarna?iframe=true"></iframe>
Tacksam för hjälp hur jag kan bli av med scroll-listerna!
Mvh Marcus
du har en CSS egenskap på:
.post-content .copy p iframe, .post-content .copy embed, .post-content .copy object, .post-content .copy img
som säger max height på iframe
sen din iframe html kod verkar sätta en fast bredd på content... vilket kan ge dig problem för din iframe bredd är inte den storleken
Tackar!
Jag hittar de koderna, och har testat lite olika lösningar, men får inte bort scroll-listerna. Har du nåt förslag på vad jag kan göra?
Jag hittade den här forumtråden på Rezdy (iframe-leverantörens support-forum):
https://support.rezdy.com/entries/21060127-Booking-Site-to-fit-any-size-of-website
Tacksam om du hittar nåt svar.
Mvh Marcus
du få javascripts fel:
TypeError: framehtml is undefined
if(framehtml.toString().indexOf("iframe") > -1)
Okej, tack, men vet du vad jag kan göra för att få det rätt?
Okej, tack, men vet du vad jag kan göra för att få det rätt?
Osvuret är bäst, men jag tvivlar på att du kan få innehållet i en iframe att smälta in perfekt i din sida. Att filen du drar in finns på en annan server och bortom din kontroll gör det, om möjligt, ännu mer omöjligt.
Som jag ser det är det enda du kan göra att stoppa den horisontella scrollen m.h.a. css (overflow-x:hidden;) och sätta en bestämd höjd på ramen som är så hög att risken för scroll är utesluten eller minimal.
Å andra sidan är det sånt här som voigtann oftast lyckas klura ut hur man gör m.h.a. en massa skumma skripter.....
du skulle kunna wrappar iframe fönstret med en div och köra en negativ marginal på vänster och höger (testade med -20px), då bli du av med scrollen i botten, sen har du fortfarande max-height... kan du försöka få bort det?
Hej!
Tack för input. Jag testade div med negativ marginal med lite olika värden. Bara det att jag la iframen i en div gjorde att iframen blev mycket större, men tyvärr hoppade den ut en bit åt höger. När jag nu använder:
div.rezdywide { margin: 0px 100px 0px 0px; }
...så hamnar allt rätt typ.
Det ser bra ut i Chrome och Safari men inte i Firefox.
Finns det något jag kan göra för att det ska funka i Firefox också?
sätt en width på din iframe till 100% istället för 110%
.rezdywide ser jag inte ha någon CSS egenskaper på sig i firefox heller.
Tusen tack! Det ser bra ut nu även om jag helst hade sluppit iframen. Tack för inspelen!
I Safari ligger en linje under Dalarna för långt till vänster. Se bifogad bild.
har varit så ett bra tag ;) (FF och Chrome med på PC)
.post-title har en negativ marginal och en padding som kanske är från någon mall som skogenskonung har kört med.
@Skogenskonung glöm inte sätt tråden som löst
