Weird IE bug?

[Animesh K]

Hello All:

I was re-developing my pages, and then I came up with a new layout. It
seemed to work in Firefox and IE, till my friend pointed out a problem:

http://stutimandal.com/gif_misc/indra_krta_rama_stotram.php

1) Open the above page in IE.
2) Once you re-size the browser (IE), then the middle-area becomes
non-aligned with top and bottom.
3) If you click on the image (for the javascript image float effect),
the middle area becomes aligned again.

Has anyone seen this before? I tested with IE 6 on WinXP SP2.

Best regards,
Animesh

 

[Animesh K]

Hello All:

I was re-developing my pages, and then I came up with a new layout. It
seemed to work in Firefox and IE, till my friend pointed out a problem:

http://stutimandal.com/gif_misc/indra_krta_rama_stotram.php

1) Open the above page in IE.
2) Once you re-size the browser (IE), then the middle-area becomes
non-aligned with top and bottom.
3) If you click on the image (for the javascript image float effect),
the middle area becomes aligned again.

Has anyone seen this before? I tested with IE 6 on WinXP SP2.

Best regards,
Animesh

Just checked. It happens in IE 7 too.

Best,
A

 

[Edwin van der Vaart]

Hello All:

I was re-developing my pages, and then I came up with a new layout. It
seemed to work in Firefox and IE, till my friend pointed out a problem:

http://stutimandal.com/gif_misc/indra_krta_rama_stotram.php

1) Open the above page in IE.
2) Once you re-size the browser (IE), then the middle-area becomes
non-aligned with top and bottom.
3) If you click on the image (for the javascript image float effect),
the middle area becomes aligned again.

Try to validate your pages with
http://jigsaw.w3.org/css-validator/ (stylesheet)
http://validator.w3.org/ (html pages)

Perhaps the problems are solved.
--
Edwin van der Vaart
http://www.semi-conductor.nl/ Links to Semiconductors sites
http://www.evandervaart.nl/ Edwin's persoonlijke web site
Explicitly no permission given to Forum4Designers, onlinemarketingtoday,
24help.info, issociate.de and software-help1.org to duplicate this post.

 

[Animesh K]

Try to validate your pages with
http://jigsaw.w3.org/css-validator/ (stylesheet)
http://validator.w3.org/ (html pages)

Perhaps the problems are solved.

I did validate the pages today morning. I received three html errors:

1) <script> language undefined.
2) same as 1).
3) alt attribute missing.

You mean these three (small) errors are causing the problem?

1) Z-Index errors in CSS

Best regards,
Animesh

 

[Neredbojias]

Hello All:

I was re-developing my pages, and then I came up with a new layout. It
seemed to work in Firefox and IE, till my friend pointed out a problem:

http://stutimandal.com/gif_misc/indra_krta_rama_stotram.php

1) Open the above page in IE.
2) Once you re-size the browser (IE), then the middle-area becomes
non-aligned with top and bottom.
3) If you click on the image (for the javascript image float effect),
the middle area becomes aligned again.

Has anyone seen this before? I tested with IE 6 on WinXP SP2.

Yes, things like this can happen in ie for a number of reasons. Your page
is complicated and I simply don't have the time to search for the "bug",
but look at missing widths (even if they are not technically needed) and
anything hover does that may not be included or preceded earlier.
"Position:relative;", floats, and "clear" can also have strange effects in
ie.

 

[Animesh K]

Yes, things like this can happen in ie for a number of reasons. Your page
is complicated and I simply don't have the time to search for the "bug",
but look at missing widths (even if they are not technically needed) and
anything hover does that may not be included or preceded earlier.
"Position:relative;", floats, and "clear" can also have strange effects in
ie.

Thanks for the input.

This layout is under test right now (thankfully!). The older layout
(which is almost similar) does not have this problem though. I will look
into the differences and try to mitigate the effect.

In the worst case, I can use Javascript to reload the page on re-size
event in IE, if some mortal is using IE for killing himself.

 

[Animesh K]

Yes, things like this can happen in ie for a number of reasons. Your page
is complicated and I simply don't have the time to search for the "bug",
but look at missing widths (even if they are not technically needed) and
anything hover does that may not be included or preceded earlier.
"Position:relative;", floats, and "clear" can also have strange effects in
ie.

Thanks for the tip, the bug has been fixed now. I removed one (useless)
position: relative attribute.

The previous link is not working right now since I am improving the
layout further.

Best regards,
Animesh

 

[Neredbojias]

Thanks for the tip, the bug has been fixed now. I removed one
(useless) position: relative attribute.

The previous link is not working right now since I am improving the
layout further.

Yep, position:relative ala ie has zonked me in the past as well.

Best wishes on your site. It looked pretty nice.