---
title: "iframe overflow hidden"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/99248-iframe-overflow-hidden"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "Flashes"
published: "2004-03-11T17:18:29.000Z"
updated: "2004-03-12T09:21:09.000Z"
replies: 11
views: 765
page: 1
pages: 1
language: "sv-SE"
site: "webForum — webforum.nu"
rights: "Upphovsrätten till varje inlägg tillhör dess författare."
attribution: "Citera som: webForum, https://www.webforum.nu/amne/html-css/99248-iframe-overflow-hidden"
---

# iframe overflow hidden

## #1 — Flashes, 2004-03-11T17:18Z

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](http://www.savhammar.net/lank/minadyk.php)

Mvh
Jan-Olov

Permalänk: https://www.webforum.nu/p/99248

## #2 — jarvklo, 2004-03-11T19:00Z

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?

Permalänk: https://www.webforum.nu/p/1296021

## #3 — nitro2k01, 2004-03-11T19:04Z

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;
}
```

Permalänk: https://www.webforum.nu/p/1296023

## #4 — Flashes, 2004-03-11T20:48Z

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

Permalänk: https://www.webforum.nu/p/1296074

## #5 — jarvklo, 2004-03-11T21:25Z

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 ;)

Permalänk: https://www.webforum.nu/p/1296112

## #6 — Flashes, 2004-03-11T21:41Z

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

Permalänk: https://www.webforum.nu/p/1296117

## #7 — jarvklo, 2004-03-11T22:09Z

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...

Permalänk: https://www.webforum.nu/p/1296124

## #8 — PepeJeria, 2004-03-11T23:08Z

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";
```

Permalänk: https://www.webforum.nu/p/1296167

## #9 — Flashes, 2004-03-12T06:58Z

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

Permalänk: https://www.webforum.nu/p/1296194

## #10 — jarvklo, 2004-03-12T08:41Z

> **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... ;)

Permalänk: https://www.webforum.nu/p/1296219

## #11 — PepeJeria, 2004-03-12T09:04Z

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

Permalänk: https://www.webforum.nu/p/1296232

## #12 — Flashes, 2004-03-12T09:21Z

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

Permalänk: https://www.webforum.nu/p/1296242

---

Tråden på webben: https://www.webforum.nu/amne/html-css/99248-iframe-overflow-hidden