Grow your CSS skills. Land your dream job.

Disappearing "Relative:positioned" elements on browser resiz

  • # January 6, 2010 at 1:34 pm

    Let me preface this by saying I am not a great developer (but i am working on it). I recently have begun working on a new website and have ran into one problem I cannot solve.

    WEBSITE:
    http://micagrafica.com/final_test/

    PROBLEM:
    Any relatively positioned elements on my website disappear when I resize the browser in both firefox and internet explorer (multiple versions). The absolute positioned elements remain visible and are fine. If I refresh the page the relatively positioned elements display properly again. It is also key to note that I am using a pre-developed javascript page slide code which may also be affecting this.

    Before resize:
    [img]http://micagrafica.com/final_test/images/css_before_resize.jpg[/img]

    after resize:
    [img]http://micagrafica.com/final_test/images/css_after_resize.jpg[/img]

    Any ideas for a potential solution?

    thanks!

    # January 6, 2010 at 1:48 pm

    Hey all,

    One update on this problem. I added the following code

    /*onResize="window.location=window.location;"*/

    forces page refresh on window resize. Not the optimal solution, but will make do for the time being. Please let me know if you have any other ideas!

    I did not update the online test version hoping that someone will have a better idea

Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".