02-01-2005, 02:32 AM
I've been using position:absolute to position some frames on my site, But as the browser window goes smaller the image moves and the frames dont. then when i woke up this morning the frames were above the image but they are stuck and when the browser window goes smaller the image dosent move but i cant seem to move the frames at all. the page is http://www.habnut.habbohosting.net/index.html im not sure what exactly is wrong but i think it has something to do with the position:absolute in the source.
02-01-2005, 03:56 AM
i haven't messed with frames in a while but i dont think that the absolute positioning is the problem.
<IFRAME NAME="main" SRC="home.html" width=567 height=416....>
your giving the iframe a size that is fixed.
the page reads from top down so the browser sees the div and sets the then sees the iframe and resets it.
you have conflicts here.
why are you z-index-ing these?
what screen resolutuion are you using? (at least 1152x864 right?) in anything smaller it fails. your giving :
<div id="nav" style="position:absolute; width:150px; height:380px; z-index:4; left:133px; top:140px;">
by pushing the left and top it falls out of any screen set lower than yours.
02-01-2005, 04:20 AM
Ok, Thanks for that. right now im just gonna test and view to see what happens
02-01-2005, 06:04 AM
it is position:absolute that is prolly causing the problem your iframes aren't going to move at all with position:absolute; use position:relative instead or just dont position them at all and use divs and what not
02-01-2005, 07:15 AM
yep. to avoid the problem i just moved the template to the left side and there dosent seem to be any problems with it on Safari or IE or Mozilla