IE 6 width = 70% for a pop up div with dynamic data not working
I want to display a pop div that has dynamic data to the center of the screen. I specified height = 300px and width = 70% and overflow scroll:y.
In IE7/IE8 the div renders properly to the center of the screen in specified dimensions and scroll occurs if the data size doesn't fit.
But in IE6 width = 70% not working at all. The div width varies as per the size of the data. Since its dynamic data its not in our control and sometimes pop up wont render at all if we go for high resolution.
What will be a fix for this? Any input is highly appreciated.
<div id="outerDiv" class="panelDialog" style="position:absolute; display:none; width:70%;">
<div id="div2" title="Search Provider">
<a href="#" id="href1" title="Close">
<img id="img1" title="Close" alt="Close" />
</a>Search Popup
</div>
<div id="div3">
<div style="height: 300px; overflow-y: scroll;"> 开发者_StackOverflow社区
<TABLE>
<TR>
<TD width="100%"></TD>
</TR>
</TABLE>
<input type="reset" value="Close" id="btn1" name="nae1" class="commandExButton" />
</div>
</div>
</div>
I think that IE6 is choking on this... from the comments above
<table width="100%">
the dynamic table is something like this
<table width="100%"><tr><td>data</td></tr></table>
Reset that as a lower percentage or as a pixel unit and see if the problem disappears.
精彩评论