<?xml version="1.0" encoding="UTF-8"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
<channel>
	<title>jQuery Grid Plugin - jqGrid - Topic: Opening Modal Box Moves Entire Page Background</title>
	<link>http://www.trirand.com/blog/?page_id=393/help/opening-modal-box-moves-entire-page-background</link>
	<description><![CDATA[Grid plugin]]></description>
	<generator>Simple:Press Version 5.7.5.3</generator>
	<atom:link href="http://www.trirand.com/blog/?page_id=393/help/opening-modal-box-moves-entire-page-background/rss" rel="self" type="application/rss+xml" />
        <item>
        	<title>tony on Opening Modal Box Moves Entire Page Background</title>
        	<link>http://www.trirand.com/blog/?page_id=393/help/opening-modal-box-moves-entire-page-background#p6163</link>
        	<category>Help</category>
        	<guid isPermaLink="true">http://www.trirand.com/blog/?page_id=393/help/opening-modal-box-moves-entire-page-background#p6163</guid>
        	        	<description><![CDATA[<p>Hello,</p>
<p>To solve this</p>
<p>&#60;div style=&#8221;font-size:75%;width:900px;margin-left:100px;<strong>overflow:visible;</strong>display:block;&#8221;&#62;</p>
<p>...</p>
<p>&#60;/div&#62;</p>
<p>Regards</p>
<p>Tony</p>
]]></description>
        	        	<pubDate>Mon, 20 Apr 2009 06:50:49 +0300</pubDate>
        </item>
        <item>
        	<title>escom98 on Opening Modal Box Moves Entire Page Background</title>
        	<link>http://www.trirand.com/blog/?page_id=393/help/opening-modal-box-moves-entire-page-background#p6136</link>
        	<category>Help</category>
        	<guid isPermaLink="true">http://www.trirand.com/blog/?page_id=393/help/opening-modal-box-moves-entire-page-background#p6136</guid>
        	        	<description><![CDATA[<p>I positioned my jqgrid on a page by placing it in a div</p>
<p><input type='button' class='sfcodeselect' name='sfselectit1169' value='Select Code' data-codeid='sfcode1169' /></p>
<div class='sfcode' id='sfcode1169'>
<p>&#60;div style="font-size:75%;width:900px;margin-left:100px;overflow:hidden;display:block;"&#62;</p>
<p>&#160;&#160; &#60;div id="LeftPane" class="ui-layout-west ui-widget ui-widget-content"&#62;</p>
<p>&#160;&#160; &#160;&#60;table id="west-grid"&#62;&#60;/table&#62;</p>
<p>&#160;&#160; &#60;/div&#62;&#160;</p>
<p>&#160;&#160; &#60;!-- #LeftPane --&#62;</p>
<p>&#160;&#160; &#60;div id="RightPane" class="ui-layout-center ui-helper-reset ui-widget-content" &#62;</p>
<p>&#160;&#160; &#160;&#60;!-- Tabs pane --&#62;</p>
<p>&#160;&#160; &#160;&#60;div id="tabs" class="jqgtabs"&#62;</p>
<p>&#160;&#160; &#160; &#60;ul&#62;</p>
<p>&#160;&#160; &#160; &#160;&#60;li&#62;&#60;a href="#tabs-1"&#62;MemoHotel&#60;/a&#62;&#60;/li&#62;</p>
<p>&#160;&#160; &#160; &#60;/ul&#62;</p>
<p>&#160;&#160; &#160; &#60;div id="tabs-1" style="font-size:12px;"&#62;&#60;/div&#62;</p>
<p>&#160;&#160; &#160;&#60;/div&#62;</p>
<p>&#160;&#160; &#60;/div&#62; &#60;!-- #RightPane --&#62;</p>
<p>&#160;&#160;&#60;/div&#62;</p>
</div>
<p>And everything works fine. &#160;But when i click on a field to edit it and the modal box opens, the entire page contents move down about 200px. &#160;Does anyone have any idea why this is happening? &#160;Or have another idea for how to better position jqgrid on a page that contains other contents? &#160;The link to my page is here: &#160;<a href="http://www.memohotel.com/prova.php" target="_blank">http://www.memohotel.com/prova.php</a></p>
]]></description>
        	        	<pubDate>Fri, 17 Apr 2009 08:11:42 +0300</pubDate>
        </item>
</channel>
</rss>