below are 2 html pages ,\[code\]<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>Commision </title><script type="text/javascript" src="http://stackoverflow.com/questions/15532407/JS/jquery-1.9.1.min.js"></script><script type="text/javascript">function loadpage(x){ $('#centre').empty().load(x, function () { window.alert('Request complete');});}</script><style type="text/css"><!--#main { position:absolute; left:0px; top:0px; width:100%; height:100%; z-index:1;}#header { position:absolute; left:0px; top:0px; background:url(Images/header1.png); -moz-background-size: auto, cover; /* Firefox 3.6 */ background-size: auto, cover; /* Chrome, Firefox 4.0+, Safari 4.1+, Opera 10+ and IE9 */ width:100%; height:14%; overflow: hidden; z-index:250;}#centre { position:absolute; left:0px; top:14%; width:100%; height:82%; z-index:240;}#smoothmenu1 { position:absolute; right:0px; width:40%; bottom:0px; height:26px; overflow: hidden; z-index:220;}#footer { position:absolute; left:0px; bottom:0px; width:100%; height:4%; overflow: hidden; z-index:2;}.com { font-family:Arial, Helvetica, sans-serif;font-size:12px; }#cntr { position:absolute; left:0px; top:-1px; width:100%; height:100%; z-index:50;}#insideCentre { position:absolute; left:0px; top:10%; width:100%; height:90%; z-index:12;}#initProfile { position:absolute; left:0px; top:0px; width:70%;-moz-border-radius:12px;-webkit-border-radius:12px;border-radius:14px; height:100%; z-index:14;}.aFont{ font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:20px; color:#FFF; padding-top: 2px;}#aboutMSL { position:absolute; left:0px; top:0px; width:100%; height:10%;-moz-border-radius:12px;-webkit-border-radius:12px;border-radius:12px; background:url(Images/gclip.png); overflow: hidden; z-index:18;}#aboutBody { position:absolute; left:0px; top:14%; width:100%; height:86%;border-right-color:#666; border-left-style:dotted; overflow: hidden; border-left-width:thin; z-index:23;}#tech { position:absolute;top :50%;right:0px;-moz-border-radius:12px;-webkit-border-radius:12px;border-radius:12px; width:30%; height:30%; z-index:19;}#tech_header { position:absolute; left:0px; top:0px; width:100%; height:30%;-moz-border-radius:12px;-webkit-border-radius:12px;border-radius:12px; background:url(Images/gclip.png); overflow: hidden; z-index:20;}#tech_body { position:absolute; left:0px;bottom:10%;width:100%; height:50%; z-index:21; overflow: hidden;}.sFont { font-family:Verdana, Geneva, sans-serif; font-size:12px;}#sShow { position:absolute; top:0px; right:0px; width:30%; height:40%; z-index:51;}--></style></head><body><div id="main"><div id="header"><div id="smoothmenu1" class="ddsmoothmenu"><ul><li><a href="http://stackoverflow.com/questions/15532407/#" onclick="loadpage('a.html')">A</a></li><li><a href="http://stackoverflow.com/questions/15532407/#" onClick="loadpage('c.html')">S</a></li><li><a href="http://stackoverflow.com/questions/15532407/#" onclick="loadpage('v.html')">C</a></li><li><a href="http://stackoverflow.com/questions/15532407/#">Commx</a></li><li><a href="http://stackoverflow.com/questions/15532407/#" onclick="loadpage('b.html')">V</a></li></ul><br style="clear: left" /></div></div><div id="centre"></div><div id="footer" align="center" class="com" >Commision</div></div></body></html>\[/code\]and\[code\]<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>Untitled Document</title><style type="text/css">#top { position:absolute; left:0px; top:0px; width:100%; height:10%; background:url(Images/gclip.png); z-index:3;}#c1 { position:absolute; left:0px; top:0px; width:100%; height:25px;overflow:hidden;margin-top:25px; z-index:5; border-bottom: 0.5px solid #778;}</style></head><body><div id="PCentre"><div id="c1">Column 1</div><div id="Pbody"></div></div></body></html>\[/code\]I'm trying to load the 2nd html page into centre div of 1st html page using query , the application works fine in firefox but not in chrome , in chrome the div elements in page 2 are not getting placed as they were when i ran this application in firefox (i tried to run the application from localhost/127.0.0.1)
Loading a html page in a div in google chrome
- Thread starter nodn4rb
- Start date