Forum Moderators: open
First time posting on this forum...
I'm designing a layout that has the need for an IFRAME to be positioned absolutely.
On a PC with Google's toolbar visible the positioning appears to work OK.
However, with both Google and Alexa toolbars the IFRAME is displaced by the height of the Alexa bar.
On a Mac the IFRAME is displaced by the left-hand toolbar.
My code is as follows - any suggestions to allow me to retain absolute positioning?
In Head
<style type="text/css">
iframe {position: absolute; left: 283px; top: 180px; border-left: #000000 1px solid;}
</style>
In body
<iframe width="545" height="315" src="new.html" id="content" name="content" style="left: 283px; top: 180px"></iframe>
TIA
Niall
:)
Well positioning is always relative to the navigator windows or navigator space for the page, it means that all the space ocupied for toolbars, ad-bars, search bars, etc, takes space out for the page.
You can not know how is configured every browser in every machine, but you have to try designing a site a little bit flexible.
Another thing. Why yo need an iframe? i mean you can use it but what is the reason of this iframe to be needed?
May be you can try using some div's and css for positioning you work. I think you will get more control over the page and it will be more accesible for avery one.
;)
Good luck
Bye