Hvordan justererer jeg hva en iframe viser?

[Pallantir]

Jeg har lagt inn denne iframen på nettsiden min (som bare brukes i huset og er en del av automatiseringen, med temperaturer for ulike rom osv.):

<iframe src="http://www.yr.no/sted/Norge/Telemark/Skien/Skien/langtidsvarsel.html"
height="650" width="1050" frameborder="0" scrolling="no">
  Your browser does not support IFrames.
</iframe>

Men resultatet blir ikke akkurat som jeg vil ha det.For det viser mer enn jeg vil se, med menyer på venstre side (altså Yrs menyer). Jeg ville gjerne bare vist akkurat den delen av siden som er selve langtidsvarselet. Går det an å sette at rammen skal begynne så og så langt fra venstre side, og så og så langt fra toppen?

[Pallantir]

Jeg kan visst bruke et div-objekt (som jeg ikke hadde hørt om før min andre runde med googling nå nettopp), men jeg får det ikke helt til. Jeg vil at rammen skal forholde seg til vanlig kode over, mens det er innholdet som skal flytte seg, og jeg får ikke helt taket på det. Ikke akkurat en nettsideutvikler her...

<p style="font-family:arial;font-size:200%;color:black;text-align:left">Langtidsvarsel:
<div style="position: absolute; left: 25px; top: 1350px; border: solid 2px #555; width:900px; height:332px;">
  <div style="overflow: hidden; margin-top: -200px; ;"></div>
  <iframe src="http://www.yr.no/sted/Norge/Telemark/Skien/Skien/langtidsvarsel.html" scrolling="no" style="height: 490px; border: 0px none; width: 619px; margin-top: -60px; ; "> </iframe>
</div>

Hvis jeg endrer på tallene, ser det ut som om greia bare flytter seg rundt utenfor rammen, og ikke blir beskåret, som er det jeg vil. Hjelp...

[Pallantir]

Jeg knotet og knotet, men kom fram til noe til slutt som funket, en litt annen div-kode:

<p style="font-family:arial;font-size:200%;color:black;text-align:left">Langtidsvarsel:
<div style="position: relative; left: -280px;border: 0px solid rgb(201, 0, 1); overflow: hidden; margin: 15px auto; max-width: 1050px; max-heigth: 500px;">
<iframe scrolling="no" src="http://www.yr.no/sted/Norge/Telemark/Skien/Skien/langtidsvarsel.html" style="border: 0px none; ; height: 650px; margin-top: -370px; width: 1050px;">
</iframe>
</div>

[Pallantir]

Nei, det gjorde det ikke likevel. Det funket bare på samme oppløsning. En annen oppløsning gjorde at mye av rammen kom utenfor venstre marg. Er det noen som har et tips til hvordan jeg ungår det? Absolute position gjør, så vidt jeg kan se (jeg er helt ny på HTML) at den ikke forholder seg til noen av de andre feltene på siden. Jeg vil gjerne at den skal stå under teksten "Langtidsvarsel", og den står i forhold til masse annet på siden.

Endret 20. januar 2015 av Pallantir

[Merko]

Nei, det gjorde det ikke likevel. Det funket bare på samme oppløsning. En annen oppløsning gjorde at mye av rammen kom utenfor venstre marg. Er det noen som har et tips til hvordan jeg ungår det? Absolute position gjør, så vidt jeg kan se (jeg er helt ny på HTML) at den ikke forholder seg til noen av de andre feltene på siden. Jeg vil gjerne at den skal stå under teksten "Langtidsvarsel", og den står i forhold til masse annet på siden.

Fikk du det til?

 

Du kan jo gjøre det slik; Selvom det er en dårlig metode..

 

Lag en "yr.html" fil med følgende html-kode.

<iframe scrolling="no" src="http://www.yr.no/sted/Norge/Telemark/Skien/Skien/langtidsvarsel.html" style="height: 498px; margin-top: -300px; width: 991px;"
</iframe>
</div>

Så bruk CSS\HTML-koden herfra (et eksempel jeg satt isammen)

 

http://codepen.io/anon/pen/MYoOJq

 

Legg begge filene i samme mappe så vil det fungere.

Men det er jo frem til YR forandrer på sideoppsettet osv, så absolutt ikke en god løsning.

Endret 24. januar 2015 av Merko.

[Garanti]

http://om.yr.no/verdata/javascript/ ?

 

Ser ikke ut til at de tilbyr langtidsvarsel tho..

[Pallantir]

Merko, beklager sent svar, jeg var bortreist (fysisk, ikke mentalt!). Jeg skjønner hva du mener med endringer! Da jeg hadde justert inn høyde og marger som jeg ville i koden din, så det flott ut. Helt til det ble lagt inn et OBS-varsel for høy vannstand! Jeg vet ikke noe om html/css, men litt om LUA og Python. Er det mulig å legge inn en form for if/then i dette, sånn at den tar høyde for den rammen som dukker inn, eller går det ikke?

 

Garanti, det stemmer. De har ikke langtidsvarsel, det er det som er problemet.