asp.net - ModalPopupExtender doesn't work on IE6 frame layout -


I am using a "frame" layout, one of which: a div #top at the top of the page, on the left Includes a div #, and a div #main #top and # left divs navigation menu with main content.

Now I want to use a popup div inside the content (#main) div using AjaxControlToolkit ModalPopupExtender.

It works fine IE8 (where #top, left, # is the position of everyone in: Fixed), but when I run it on IE 6, the modal background covers only # brains - I need to cover the whole page with the # top and #left navigation division.

Looking at the script for ModalPopupExtender, it seems that the hierarchy of parents is not searched until the parents are related to the status or are not found. And in the IE6 rendering, there is a situation in the mind: absolute because the situation: fixed is not supported, which I think is happening.

Is the best / easiest way to do this job properly on IE6? Ideally, without modifying ModalPopupExtender code, but I'll do it if I have to do it and this is the best solution.

I have implemented a version of the solution, which appears to solve this problem :

  • For IE 6, conditionally create the #mind position: margin-left parallel with fixed # till the width of the left side, unfortunately, work in margin-top IE6 Does not seem to be, therefore ...

  • For IE 6, conditionally with an id-6-spacer id before the main div Add an empty diva.

  • Set the height of ie6-spacer div to be equal to #top divi.

It appears to move.

  & lt ;! DOCTYPE html public "- // W3C // DTT XHTML 1.0 Transcription // N" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" & gt; & Lt; Html xmlns = "http://www.w3.org/1999/xhtml" & gt; & Lt; Top & gt; & Lt; Title & gt; Using 'Frames' & amp; Lee; Div & gt; S & lt; / Title & gt; & Lt; Style type = "text / css" & gt; * {Margin: 0; Padding: 0; } Html, body {height: 100%; Hidden flurry; } #top, #left, # month {status: fixed; Hidden flurry; } #top {top: 0; Width: 100%; Background color: #ddd; Height: 100 pixels; } #left {left: 0; Top: 100px; / * #top * / Move everything under: 0; Background color: #bbb; Width: 120px; } #main {top: 100px; Left: 120px; Bottom: 0; Correct: 0; Overflow: Auto; } & Lt; / Style & gt; & Lt ;! - [If IE 6] & gt; & Lt; Style & gt; #top, left {position: full; } # That is 6 spans {height: 100px; } #left {height: expression ((m = document.documentElement.clientHeight-100) + 'PX'); } #main {margin-left: 120px; Height: expression ((m = document.documentElement.clientHeight-100) + 'PX'); Width: Expression ((m = document.documentElement.clientWidth-120) + 'PX'); } & Lt; / Style & gt; & Lt; [Endif] - & gt; & Lt; / Head & gt; & Lt; Body & gt; & Lt; Div id = "top" & gt; Title & lt; Br / & gt; & Lt; / Div & gt; & Lt; Div id = "left" & gt; Left nave & lt; Br / & gt; & Lt; / Div & gt; & Lt ;! - [If IE 6] & gt; & Lt; Div id = "ie6-spacer" & gt; & Lt; / Div & gt; & Lt; [Endif] - & gt; & Lt; Div id = "main" & gt; & Lt; P & gt; Ads ... ... & lt; Br / & gt; & Lt ;! - Just copy several times above the line - & gt; & Lt; / P & gt; & Lt; / Div & gt; & Lt; / Body & gt; & Lt; / Html & gt;  

Comments

Popular posts from this blog

windows - Heroku throws SQLITE3 Read only exception -

lex - Building a lexical Analyzer in Java -

python - rename keys in a dictionary -