Webdigity Webmaster Forums - IE crashes after resize window

droom

Wed 22 August 2007, 12:48 am GMT +0200

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 ;)

site is here:
http://andris.21.lv/shield/

ps
this isnt comercial site nor anyone need it. I just build it for myself!

olaf

Wed 22 August 2007, 01:04 am GMT +0200

no problem here in IE7 and winXP

olaf

Wed 22 August 2007, 01:08 am GMT +0200

OK with IE6 is a problem with the width, remove first all javascript to localize the problem

droom

Wed 22 August 2007, 01:49 am GMT +0200

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

anthonyw

Wed 22 August 2007, 12:47 pm GMT +0200

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.

droom

Wed 22 August 2007, 03:58 pm GMT +0200

thanks mate! :)

anthonyw

Wed 22 August 2007, 05:04 pm GMT +0200

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:

<body><div id="outer1"><div id="outer2"><div id="inner">content stuff</div></div><div id="fixer"></div></div></body>

General styling:
body { width: 100%}
#inner {min-width: 750px}

IE-specific styling:
#outer1 { position: absolute}
#outer2 { position: relative; width: 100%}
#inner {width: 100%}
#fixer { width: 750px}

You need to be careful doing this, though, as it monkeys with absolute positioning.

Nikolas

Thu 23 August 2007, 08:49 am GMT +0200

I pray that some day IE will follow w3c standards....

I am sure this way all designers/developers will work much less to produce the same thing :)

Mind_nl

Thu 23 August 2007, 09:53 am GMT +0200

Quote from: Nikolas on Aug 23, 2007, 08:49:02 am

I pray that some day IE will follow w3c standards....

I am sure this way all designers/developers will work much less to produce the same thing :)

and what would we do with all the free time??? :)

Nikolas

Thu 23 August 2007, 11:31 am GMT +0200

LOL :P

droom

Fri 24 August 2007, 06:26 am GMT +0200

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

droom

Sat 25 August 2007, 09:29 pm GMT +0200

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!