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.
IE Screen Shrinking
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://milonic.com/fixed_position.php
Ruth
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.
Code: Select all
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">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://milonic.com/fixed_position.php
Ruth
-
freestyler
- Beginner
- Posts: 3
- Joined: Sun Aug 13, 2006 8:01 pm
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
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
-
freestyler
- Beginner
- Posts: 3
- Joined: Sun Aug 13, 2006 8:01 pm
Re: IE Screen Shrinking
Hi freestyler..
U didnt mentione dwhat exactly did to eradicate the issue??
Cheers,
Anir
U didnt mentione dwhat exactly did to eradicate the issue??
Cheers,
Anir