Topic: Vanishing element (Page 1 of 1)

I'm testing a fluid two column layout. It seems to work fine in Firefox, and mostly in IE.

If I resize the window in IE until the horizontal scroll bar appears and hit refresh, the list of links on the left side disappears. Resizing the window so that the scroll bar disappears causes the list to come back and it will stay visible even when I resize the window until scroll bar reappears. I thought this might be the peek-a-boo bug, but placing position: relative in #menu, #center-layout, and various other <div>s didn't help.

Does anyone know of a way to make the list stop disappearing?

Thanks,



.

-- not necessarily stoned... just beautiful.

have you tried a position:absolute; ( or even fixed )on the list ?

Oh, and as I said in a couple questions abuot website design the PNG are not displayed the same way in IE and the other browsers ( Opera and Gecko ). The claps on your page look darker in IE.

Yes #menu is positioned with absolute right now and I tried fixed as well. The element still vanishes when the page is loaded in a narrow browser window.

I had noticed a slight color shift in all the *.png elements using IE. I even see a shift in the color in the *.jpg image. I'm not really worried about it. I'm not trying to achieve color accuracy in this layout.



.

-- not necessarily stoned... just beautiful.

I finally found a solution to this problem:

<div id="container">

      <div id="menu">stuff</div>

      <div id="content">more stuff</div>

   </div>



where

   #menu { position: absolute; ...}

   #content { float: left; ...}

Causes #menu to disappear when the page is refreshed in IE with a horizontal scroll bar showing.

Adding an empty clearing <div> between #menu and #contet will fix this.

<div id="container">

      <div id="menu">stuff</div>

      <div id="clearer><!-- --></div>

      <div id="content">more stuff</div>

   </div>



where

   #menu { position: absolute; ...}

   #content { float: left; ...}

   #clearer { clear: both; height: 0; }

.

-- not necessarily stoned... just beautiful.