iframe x,y positioning?

[kloy]

Is there a way to get an iframe to adhere to a set of x,y coordinates?

I’m trying this on this page and it does not seem to be working..
http://www.mollymorkoski.com/?page_id=9

[Senff]

Select your code and then press the little button with the blue brackets and white paper.

Anyhoo, you might want to put this part in the BODY tag, not the IFRAME tag:

onload="window.frames.scrollTo(300,300)"

[kloy]

OK, here is the full code…this is a wordpress page…so how would that work?

[JoshWhite]

In the last situation I had to do this, I used CSS to accomplish it. It looked kind of like this:

#outerdiv {

width: 500px; position: relative;

}

#innerdiv {

position: absolute; left: -320px; top: -220px;

overflow:hidden;

}

Managed to do the job, but I don’t know if it’s “correct” in terms of design practice lol.

[kloy]

Thanks, but this was moving the entire div over, rather than moving the embedded frame within the inner div???

[JoshWhite]

Ok I see – I missed a step there (had to look it back up :P) – assign the id to the iframe itself:

[kloy]

hmmm… still not working? It keeps on moving the div/frame, not the page within the div/frame.

[JoshWhite]

Check this out here: http://jsfiddle.net/xDU9V/

does that help at all? If you adjust the negative values of the “innerdiv” you’ll see the content inside the window move around.

[kloy]

AHHHH!! SUCCESS!! THANK YOU!!

[JoshWhite]

Sweet! Glad it helped!

[Author]

Posts