hello.. I'm having problem getting the content of the website I am putting on my iframe. Its always getting the left portion of the website.. Is there any way to move it to the right? Thanks! Here's my code. <div style="overflow: hidden; height: 400px; width: 600px; text-align: center;"> <div style="overflow: hidden; height: 400px; width: 600px; text-align: center; margin-top: -65px;"> <iframe src="http://www.example.com/" id="innerIframe" marginheight="0" scrolling="no" width="457" height="1378"></iframe> </div> </div>
I really suck at HTML, but here's an easy way. Download kompozer.net (free). Open the page in kompozer, click "Source at the bottom of the screen. Then "Cut" the code and go back to "Normal" then use the align tool on the menu bar to align it left/center/right then select "Insert" (on the top menu bar) and "HTML" Or if it's visible just use the alignment tool.
The issue is that the <iframe> tag doesn't support any styling for the page inside the iframe. This needs to be done to the page itself. You will need to work with the style sheet(s) for the "www.example.com" page inside your iframe. I've also seen people do this with a single-celled table surrounding the page inside the iframe, this is useful if "www.example.com" is not one of your sites. The table cell can have it's alignment properties setup any way you like. Bill