Forum Moderators: not2easy

Message Too Old, No Replies

Disappearing divs depending on window width

         

kotscho

12:34 pm on Jan 20, 2005 (gmt 0)



Hi, I've read on www.positioniseverything.net but haven't been able to find my particular bug.

I have a page with a div for a submenu (div#submenu, a styled UL) to the left and then a div for the mainmenu (div#mainmenu, also an UL) on top. Then there's also the content of course.

My problem is that if the window is less wide than the width of the main menu, both the submenu and mainmenu completely disappear, but only in IE. When I start out with a maximized window and then scale the window down, the DIVs don't automatically disappear when I get under that width, it's only when I try to load one of these pages with the window already too small.

I've tried a few fixes, and the closest I came was setting position:relative on div#submenu which made both menu divs appear in their right positions, but unfortunately shifted the content down below the submenu. First I thought I needed an overflow:visible but that doesn't seem to help.

Would be very grateful for any ideas whatsoever.

SuzyUK

6:38 pm on Feb 1, 2005 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



Hi kotscho - Welcome to WebmasterWorld!

tsk tsk to us lot this has gone unnoticed for so long!

If you haven't yet found your solution could you add * {zoom: 1.0;} to the top of your CSS (this is only a troubleshooter, not a solution and might throw some other things weird for a minute} but does it help stop the affected divs from disappearing?

If not can you post the outline HTML and CSS for the top nav, side nav and content divs

Suzy

ahmedtheking

11:49 pm on Feb 1, 2005 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



Man Suzy knows her stuff!