Re: IE Screen Shrinking

Poster: animuk
Dated: Monday June 15 2009 - 17:25:36 BST

Hi freestyler..

U didnt mentione dwhat exactly did to eradicate the issue??

Cheers,
Anir

IE Screen Shrinking

Poster: freestyler
Dated: Sunday August 13 2006 - 20:27:02 BST

Im trying to desing a page with some elemnets floating in a fixed positon relative to the screen. One of them shows the vertical menu when the mouse is over it.

On FF works fine, however on IE when the menu appears the entire screen starts to shrink!

Please see it here: http://www.elmalacate.com/test/marco_izq.html.
To shrink the page put the mouse over the left icons. The menu appears, navigate though it.

Each time a submenu appears the screen shrinks more.


As far as I can see, the problem is related to this: To set up a floating element in IE the following CSS must be used:

html {
overflow: hidden;
}


body {
height: 100%;
width: 100%;
overflow: auto;
}


Somehow when the menu is displayed it affects the body section.

On the page I have a link that activates a style that's just "body { }". When it is activated, the page gets back to normal.


How can I make this page work with the menu? Any help would be greatly appreciated.

Poster: Ruth
Dated: Sunday August 13 2006 - 21:39:12 BST

Hi,

Well, I've experimented and did some research. I came across something about doctypes which I don't really understand, but I experimented and if you change the doctype to just the following it seems to fix whatever the problem is in IE6. It didn't shrink in IE5.5 as you have it, but with this change it no longer shrinks in IE6.


I don't know why removing the rest of that doctype makes it work.

Edit: Maybe it has something to do with the dtd part of the doctype?

Also, there is a 'fixed position' demo you might want to look at. Make sure you note the disclaimers though I've not seen any posts in the forum asking for help on it so maybe it works fine. But, I am on IE6 and I believe in older IE versions the menu ends up moving up as the page scrolls, you know scrolling up with the page.

http://www.milonic.com/fixed_position.php

Ruth

Poster: freestyler
Dated: Monday August 14 2006 - 2:12:24 BST

wow, thanks for your quick and useful response. I'm sure that with the fixed position example I'll get it working. Tomorrow I'll try it.

Poster: Ruth
Dated: Monday August 14 2006 - 2:51:48 BST

Hi,

Well, just as long as your realize that Milonic doesn't provide help for that if you hit a problem. It's kind of like the IE hacks you see all over

I do know the doctype change i made works so if you have problems with that fixed position you might have to resort to the other doctype solution.

I don't know that there's anyone on the forums now who could help with something like the fixed position workaround that was done if you hit a snag.

Ruth

Poster: freestyler
Dated: Monday August 14 2006 - 15:30:38 BST

I got it fixed, thanks to your example. It was the IE hack, that was a bit different to the one on your example.

The doctype wasnt the problem, by using the one you told me the problem got away but the menu didnt float in a fixed position.