Topic: IE crashes after resize window (Read 993 times)
OMG!I am geek
Gender:
Posts: 57
370 credits Members referred : 0
« on: Aug 22, 2007, 01:48:08 AM »
Hello to all,
I have one interesting problem and have no ideas for solution. I build webpage and everything is like i want. Did testing on Firefox, Opera, Safari, IE 6, 7 on win and my friends check on Mac and Linux. Everything is fine except on IE6 after resizing window half of page is gone. There are no more navigation and text.. After refresh everything again is fine and nice.
Did googling but havent luck to find anything. Does anyone have some idea. I had idea about javascript which refreshing page after it resized. but this isnt good for me couse i have some menus with ajax and after page refresh - text is gone. Maybe somebody had something similar and can give any idea? Im going true css and pages but.. probably just bad carma for IE users
OMG!I am geek
Gender:
Posts: 57
370 credits Members referred : 0
« Reply #3 on: Aug 22, 2007, 02:49:13 AM »
yea, seems this is only <IE7 problem. Thanks for your idea! Probably this really can help to detect what excatly happend. I feel what there can be something with my css. I had to make two css files, one for IE and other for normal browsers. Maybe there as well some bug inside.
All would be so easy if i would decide to make constant width page and full of tables......
Nikolas' Servant Child
Posts: 30
184 credits Members referred : 0
« Reply #4 on: Aug 22, 2007, 01:47:59 PM »
In case this gives you a hint: the problem occurs when resizing IE6 from below the minimum width to above it.
I remember experiencing a similar problem with one of my designs a while back, but don't remember the fix. If I remember (or figure it out again), I'll let you know.
OMG!I am geek
Gender:
Posts: 57
370 credits Members referred : 0
« Reply #5 on: Aug 22, 2007, 04:58:50 PM »
thanks mate!
Nikolas' Servant Child
Posts: 30
184 credits Members referred : 0
« Reply #6 on: Aug 22, 2007, 06:04:09 PM »
I found the problem! In ie.css you're using an expression to set the min width:
* HTML #page { width:expression((document.body.clientWidth<=900)?'900px':'auto'); }
It's the "auto" that causes the problem. Set it to 100%, and everything should be OK.
Incidentally, you should be able to set the minimum width without resorting to using expression (though I haven't found a way to set max width without expression). On http://www.plan-itearth.org.uk I did it by nesting several DIVs, and sticking a fixed width DIV in one of them:
OMG!I am geek
Gender:
Posts: 57
370 credits Members referred : 0
« Reply #10 on: Aug 24, 2007, 07:26:25 AM »
LOL ,oh man, thats graphic about IE is great!!!
Thank You Nikolas for your help!!! Havent time to check it but will do ASAP. This IE really making life "more interesting". Every design i have some problems with IE.
OMG!I am geek
Gender:
Posts: 57
370 credits Members referred : 0
« Reply #11 on: Aug 25, 2007, 10:29:57 PM »
Hey anthonyw ,
Thank you very very much!!! I spend 2 nights before i gave up and put this question here and really, you was very right. I just change "auto" to "100%" and ..voila.. everything is like i want!!!
I tried your primer which is very interesting. However i didnt get same effect like with min-width, probably have to check this link more carefull couse in there everything working perfect.
Thank you again!
« Last Edit: Aug 25, 2007, 10:34:52 PM by droom »
Trackback URI for this entry : http://www.webdigity.com/trackback.php?topic=7025