Topic: Vanishing element Pages that link to <a href="https://ozoneasylum.com/backlink?for=25653" title="Pages that link to Topic: Vanishing element" rel="nofollow" >Topic: Vanishing element\

 
Author Thread
hyperbole
Paranoid (IV) Inmate

From: Madison, Indiana, USA
Insane since: Aug 2000

IP logged posted posted 05-01-2005 23:50 Edit Quote

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.

poi
Paranoid (IV) Inmate

From: France
Insane since: Jun 2002

IP logged posted posted 05-02-2005 00:31 Edit Quote

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.

hyperbole
Paranoid (IV) Inmate

From: Madison, Indiana, USA
Insane since: Aug 2000

IP logged posted posted 05-02-2005 04:58 Edit Quote

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.

hyperbole
Paranoid (IV) Inmate

From: Madison, Indiana, USA
Insane since: Aug 2000

IP logged posted posted 05-04-2005 20:22 Edit Quote

I finally found a solution to this problem:

code:
<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.

code:
<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.



Post Reply
 
Your User Name:
Your Password:
Login Options:
 
Your Text:
Loading...
Options:


« BackwardsOnwards »

Show Forum Drop Down Menu