My site has a central liquid content div between two fixed width sidebars. If I detect AOL/IE7, I use PHP to echo an inline stylesheet which turns it into a fixed width layout. It looks nearly identical to the 'proper' layout, but when I change the window size, my horizontal nav menu and logo go out of position, while everything else seems to position itself correctly. If I open a pull-down menu, the layout snaps into the right position, as it does when I navigate to a different page or reload. I have no idea how to fix this last snag, and would be grateful for any assistance.

Here is a link:

linky link

1 answer

0
points

You could use some javascript and listen for the Window.onResize event in the document header.

        `<script type="text/javascript">
        window.onresize = doResize();
        </script>`

in your doResize() function set the display property to none and then return it to block

    `
function doResize(){
  element.style.display = 'none';
  element.style.display = 'block';
}

It's kind of a hack, but it will work.

Answered about 7 years ago by Discorax
  • Hi, thanks for the reply. I had already tried a JS function that made the page reload, which was not good. This doesn't seem to do it either. I swapped element for body, tried fetching body using document.getElementById("body"), etc, and it didn't take. I will take a JS solution if it's going, but would rather fix it with CSS if possible - clearly something isn't working right. Thanks again! Jonathon Scott about 7 years ago