Here are the specifications for two important divs on my webpage.
#apDiv1 {
position:absolute;
left:0px;
top:115px;
width:100%;
height:100%;
z-index:4;
}
#apDiv2 {
position:relative;
left:0px;
top:0px;
width:100%;
height:100%;
z-index:5;
}
The relationship between apDiv2 and apDiv1 is that apDiv2 is nested within apDiv1.
<div id="apDiv1">
<div id="apDiv2" style="overflow:auto"></div>
</div>
My objective is to load another page called 'server_gen.jsp' in apDiv2 by utilizing the following code:
$('#apDiv2').load('server_gen.jsp');
- The page successfully loads into apDiv2 as intended, however, there is an issue
regarding the placement of elements from the 'server_gen.jsp' page within
apDiv2. They are not displayed at the top (0px) as desired. How can I
adjust the positioning so that the elements from 'server_gen.jsp' start
displaying from 0px of apDiv2? Any assistance would be greatly appreciated.