| | |
iframe content locking?
Please support our HTML and CSS advertiser: PostgreSQL or MySQL? Compare and contrast the two most popular open source databases
![]() |
What do you mean by dots. But if its pixels and you want it 200pixels down from top then its as simple as that
html Syntax (Toggle Plain Text)
<iframe src="#" style="position:absolute; top:200px; width:70px; height:100px;"></iframe>
•
•
Join Date: Feb 2005
Posts: 427
Reputation:
Solved Threads: 12
Do you mean you want the "content of the frame" to be 200 from the top?
Sorry, it is obvious that it is important to you - but we are not quite sure what you mean.
Please forgive us, and if possible, supply a link or a quick iamge of what you have and what you would like... even if it's done in paint!
As soon as we understand what you need, I'm sure we can help you do it.
Sorry, it is obvious that it is important to you - but we are not quite sure what you mean.
Please forgive us, and if possible, supply a link or a quick iamge of what you have and what you would like... even if it's done in paint!
As soon as we understand what you need, I'm sure we can help you do it.
Sometimes life holds wonderful suprises - shame I sleep through them all.
http://www.choose-easyweb.com - Not my design, nor my idea :)
http://www.choose-easyweb.com - Not my design, nor my idea :)
•
•
Join Date: Feb 2005
Posts: 427
Reputation:
Solved Threads: 12
Perfect.
So, If I understand correctly.... you want a page that loads the frame.
Inside the frame youw ill oad a second page.
It is the second page that you wish to be 200 from the top.
Now, I assume that when you say "200" you mean downwards (so the pagethat loads in the frame is pushed towards the bottom of the frame // moved downwards from the top).
So instead of it being...
______________________________________
HERE
|
|
200
|
|
v
It would be here
???
Also, by "dots", do you Pixels or Lines?
(Meaning, do you want it moved by 200px or by 200 lines of text?)
So, If I understand correctly.... you want a page that loads the frame.
Inside the frame youw ill oad a second page.
It is the second page that you wish to be 200 from the top.
Now, I assume that when you say "200" you mean downwards (so the pagethat loads in the frame is pushed towards the bottom of the frame // moved downwards from the top).
So instead of it being...
______________________________________
HERE
|
|
200
|
|
v
It would be here
???
Also, by "dots", do you Pixels or Lines?
(Meaning, do you want it moved by 200px or by 200 lines of text?)
Sometimes life holds wonderful suprises - shame I sleep through them all.
http://www.choose-easyweb.com - Not my design, nor my idea :)
http://www.choose-easyweb.com - Not my design, nor my idea :)
•
•
Join Date: Feb 2005
Posts: 427
Reputation:
Solved Threads: 12
Hmmm...
Well, I'm not sure if it is possibly to apply a styli to the Fram itself...
If it is... something along the lines of
#myframe
{margin-top: -200px;}
The alternative is to code a Container with the frame... so you would have...
<frame>
<div id="framecontentwrap">
</div>
</frame>
And then apply the above CSS suggestion to #framecontentwrap.
Of course, this would mean that the top 200px would not be visible... at all - users would not beable to scroll-up to see, as the contents would basically be "dragged out of view".
If you jsut want it positioned 200px down (so the scrollbar doesn't start at the top), then I believe with a little JS you can apply focus and position the scroller).
Well, I'm not sure if it is possibly to apply a styli to the Fram itself...
If it is... something along the lines of
#myframe
{margin-top: -200px;}
The alternative is to code a Container with the frame... so you would have...
<frame>
<div id="framecontentwrap">
</div>
</frame>
And then apply the above CSS suggestion to #framecontentwrap.
Of course, this would mean that the top 200px would not be visible... at all - users would not beable to scroll-up to see, as the contents would basically be "dragged out of view".
If you jsut want it positioned 200px down (so the scrollbar doesn't start at the top), then I believe with a little JS you can apply focus and position the scroller).
Sometimes life holds wonderful suprises - shame I sleep through them all.
http://www.choose-easyweb.com - Not my design, nor my idea :)
http://www.choose-easyweb.com - Not my design, nor my idea :)
•
•
Join Date: Feb 2005
Posts: 427
Reputation:
Solved Threads: 12
in the markup (html), you have the <frame>
<html>
<body>
<frame id="thishereframe">
</frame>
</body>
</html>
in the CSS, you would have...
#thishereframe
{margin-top: -200px;}
Tahts basically the same as what I posted above... I'm sure you know what to do.
<html>
<body>
<frame id="thishereframe">
</frame>
</body>
</html>
in the CSS, you would have...
#thishereframe
{margin-top: -200px;}
Tahts basically the same as what I posted above... I'm sure you know what to do.
Sometimes life holds wonderful suprises - shame I sleep through them all.
http://www.choose-easyweb.com - Not my design, nor my idea :)
http://www.choose-easyweb.com - Not my design, nor my idea :)
![]() |
Similar Threads
- Dynamicallu Resizeing IFRAME based on content (JavaScript / DHTML / AJAX)
- IFRAME tags? (Search Engine Optimization)
- IE7 and IFrames - will be the death of me (HTML and CSS)
- faster loading iframe or better way (JavaScript / DHTML / AJAX)
- Site design problem (HTML and CSS)
- Dynamic iframe height ? (HTML and CSS)
- Image Position (Site Layout and Usability)
- How to make title bar not dissappear when changing pages (HTML and CSS)
Other Threads in the HTML and CSS Forum
- Previous Thread: Canvas
- Next Thread: How do you center a table?
| Thread Tools | Search this Thread |
appointments asp background backgroundcolor beta browser bug calendar cart cgi code codeinjection corporateidentity css design development displayimageinsteadofflash dreamweaver emailmarketing epilepsy explorer firefox flash form google griefers hackers hitcounter hover html ie7 ie8 iframe image images internet internetexplorer intranet iphone javascript jpeg layout macbook maps marketshare microsoft mozilla multimedia navigationbars news offshoreoutsourcingcompany opacity opera optimization pnginie6 positioning problem scroll seo shopping swf swf. textcolor timecolor titletags url urlseparatedwords visualization web webdevelopment webform website windows7






