webForumDet fria alternativet

iframe overflow hidden

11 svar · 747 visningar · startad av Flashes

FlashesMedlem sedan jan. 2003282 inlägg
#1

Jag har en iframe där jag visar mina dyk.
Nu är det så att sidan som jag länkar in är bredare än min iframe så jag skulle vilja gömma det som finns i x-led.
med overflow:hidden så fungerar det, inga scrollbars syns, men med

iframe {
	width: 625px;
	height: 550px;
	overflow-x:hidden; 
	overflow-y:scroll; 
	overflow:auto;
	}

så fungerar det inte. Jag får scrollbars i alla ledder :(
Går det här att lösa?
Sidan jag vill gömma på är denna

Mvh
Jan-Olov

jarvkloMedlem sedan juli 20013 378 inlägg
#2

Hmm...

Har du ställt in overflow-parametrarna "rätt" även på body och/eller html i det dokument som laddas in i iframe:en?

nitro2k01Medlem sedan aug. 20039 342 inlägg
#3

Precis som järvklo säger, så ska du placera stilen rätt:

Parentsidan

 
iframe {
	width: 625px;
	height: 550px;
	}

Iframen

 
body {
	overflow-x:hidden; 
	overflow-y:scroll; 
	overflow:auto;
}
FlashesMedlem sedan jan. 2003282 inlägg
#4

Ursäkta dröjsmålet jag är ju hocky fanatiker :)
Jag har provat att ha bara
overflow-x:hidden;
overflow-y:scroll;
overflow:auto;
i body, hjälper inte
jag har haft en variant som jag inte vet om den är rätt
iframe body {
overflow-x:hidden;
overflow-y:scroll;
overflow:auto;
}
plus att jag haft det i body
Funkar inte heller
just nu ser det ut så här, vilket heller inte fungerar

html , body  {
	margin : 0;
	padding : 0;
	height : 100%;
	font-family : verdana, arial, helvetica, sans-serif;
	color : #003174;
	background : #bbd8ff url('bilder/dive1.jpg') fixed;
	background-repeat: repeat-x;
	text-align: center;
	overflow-x:hidden; 
	overflow-y:scroll; 
	overflow:auto;
	}

iframe {
	width: 625px;
	height: 550px;
	overflow-x:hidden; 
	overflow-y:scroll; 
	overflow:auto;
	}

Jag har naturligtvis provat nitro2k01 variant oxå.
Så jag vet inte vad jag ska prova mer.

Mvh
Jan-Olov

jarvkloMedlem sedan juli 20013 378 inlägg
#5

Prova någon av dessa varianter kanske ;)
http://member.webforum.nu/2241/iframes_i_xhtml.html

Det är tre exempel i filen pga att det blir markanta skillnader mellan de tre "approacherna" i MSIE - i Moz blir alla tre lika "rätta" ;)

Observera dessutom att du inte behöver ställa om/in någonting för iframe-taggen alls! - allt hänger på <!DOCTYPE och stilmallar i sidan som laddas in i iframen ;)

FlashesMedlem sedan jan. 2003282 inlägg
#6

Jodå jag är helt medveten om att det går att göra så.
Tyvärr så har sidan jag läser in det här lilla problemet
<TABLE BORDER="0" WIDTH="780" HEIGHT="95%">
och min iframe är 625px bred
Hade jag bara text som jag själv skapat vore det inga problem att låsa in den utan scroller i x-led, men nu är det min loggbok på nätet som är skapad av Mikael Tilja (https://www.dykarna.nu) som ska in där.
Jo vi får visa våra loggböcker på våra egna sidor :)

Mvh
JAn-Olov

jarvkloMedlem sedan juli 20013 378 inlägg
#7

OK...

Om jag förstått dig rätt nu till sist :r så är det något liknande detta du vill åt (prova i MSIE6):
http://member.webforum.nu/2241/flashes_iframe.html
Jag har f.n. ingen lösning för Mozilla...

PepeJeriaMedlem sedan feb. 2003774 inlägg
#8

Fast om du döljer det som inte får plats så kommer besökaren inte kunna läsa vad som står det ordentligt.

Om du nu inte kan göra din iframe bredare och inte heller kunna ändra dess source källkod, så skulle jag göra tabellen mindre med hjälp av DOM. Ändra dess width så att den matchar iframen:s.

var table = document.getElementsByTagName("table")[0];
table.width = "625";
FlashesMedlem sedan jan. 2003282 inlägg
#9

PepeJeria
Det som inte får plats är inloggningen och det är ju bara jag som ska göra det :) och det måste jag göra via https://www.dykarna.nu ändå.
Jag ska prova din variant och se hur det ser ut.

jarvklo, jo det var så jag menade.
Tack för alla förslag och all hjälp :)

Mvh
Jan-Olov

jarvkloMedlem sedan juli 20013 378 inlägg
#10

PepeJeria skrev:

Om du nu inte kan göra din iframe bredare och inte heller kunna ändra dess source källkod, så skulle jag göra tabellen mindre med hjälp av DOM. Ändra dess width så att den matchar iframen:s.

Hmm...
Nu glider vi kanske off topic lite här och in på datasäkerhet istället, men är inte möjligheten att Javascriptmässigt modifiera sidor från en annan webbplats sådär spärrad av säkerhetsskäl i samtliga webbläsare ???

Dykloggen ligger ju i detta fall inte på Flashes webbplats utan på dykarna.nu enligt länken i första inlägget i tråden... ;)

PepeJeriaMedlem sedan feb. 2003774 inlägg
#11

Jepp, du har rätt... Det blir Access Denied när man försöker modifiera en sida som ligger på en annan webbplats...

Fungerar bara om sidan skulle ligga på samma server, något den inte gör :l

FlashesMedlem sedan jan. 2003282 inlägg
#12

Det blir samma sak som när jag försöker läsa in sidan med ett php script alltså.
Ok, då kan jag lägga ner det hela och ha det som det är.
Tack för det klargörandet.

Mvh
Jan-Olov

128 ms totalt · 3 externa anrop · v20260731065814-full.beb2e261
0 ms — hämta forumlista (cache)
0 ms — hämta statistik (cache)
126 ms — hämta tråd, inlägg och bilagor (db)