http://www.intersoftsolutions.com/Community/WebGrid/AutoHeightAutoWidth-issue/http://www.intersoftsolutions.comenCopyright 2002 - 2015 Intersoft Solutions Corp. All rights reserved.60http://www.intersoftsolutions.com/Community/WebGrid/AutoHeightAutoWidth-issue/Thu, 16 Sep 2010 01:59:38 GMTqq397472251WebGridAutoHeightAutoWidth<p><span class="postusername">thank you&nbsp;<a class="contentlink" href="http://www.intersoftpt.com/Community/Users/handy@intersoftpt.com/"><span style="color: #165fa7; font-size: 15px">Handy Surya</span></a>:<br /></span></p> <p><span class="postusername">&nbsp;when I use 100% property instead of AutoHeight or AutoWidth,The problem was solved!</span></p> <p><span class="postusername">thank you anyway!</span></p>http://www.intersoftsolutions.com/Community/WebGrid/AutoHeightAutoWidth-issue/Thu, 16 Sep 2010 00:48:35 GMThandy@intersoftpt.comWebGridAutoHeightAutoWidth<p>Hello,</p><p>Would you mind just send me the sample? It seems you also use css style which I also need to replicate the issue. However, I think it would be better if you use <b>100%</b> value rather than use <b>AutoHeight</b> or <b>AutoWidth</b>.<br />It seems WebGrid resize not completely because of this properties.<br />Please try to call <b>wg.DoResize(true,true)</b> with some timeout.</p> <p>Regards,<br />Handy </p>http://www.intersoftsolutions.com/Community/WebGrid/AutoHeightAutoWidth-issue/Wed, 15 Sep 2010 06:07:54 GMTqq397472251WebGridAutoHeightAutoWidth<p><span style="background-color: #ff0000">question 1:<br /></span><span style="background-color: #ffffff">IntersoftWebForm.aspx</span>:  <strong>when I set AutoHeight="true" ,the page Will display wrong(webtabAutoHeight=true.png),but when I set Hight="550px",the page display right!But I want to let pabPanel has self-adaption of height when brower changs height!<span style="color: #ff0000">how to do?</span></strong></p><pre><strong><span style="font-size: 13pt"><span style="color: #ff0000"><span style="background-color: #ffffff">IntersoftWebForm</span>.aspx</span></span></strong><br />&lt;%@ Page Language="C#" AutoEventWireup="true" CodeFile="<span style="color: #000000">IntersoftWebForm</span>.aspx.cs" Inherits="IntersoftWebForm" %&gt; &lt;%@ Register Assembly="ISNet.WebUI.WebGrid" Namespace="ISNet.WebUI.WebGrid" TagPrefix="ISWebGrid" %&gt; &lt;%@ Register Assembly="Coolite.Ext.Web" Namespace="Coolite.Ext.Web" TagPrefix="ext" %&gt; &lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" &gt; &lt;html&gt; &lt;head runat="server"&gt; &lt;title&gt;TabPanel does not have self-adaption of height&lt;/title&gt; &lt;/head&gt; &lt;body&gt; &lt;form id="form1" runat="server"&gt; &lt;ext:ScriptManager ID="ScriptManager1" runat="server" HideInDesign="true" /&gt; &lt;ext:TabPanel ID="TabPanel1" runat="server" AutoHeight="true" AutoWidth="true" Border="true"&gt; &lt;CustomConfig&gt; &lt;ext:ConfigItem Name="monitorResize" Value="true" Mode="Raw" Encode="False"&gt; &lt;/ext:ConfigItem&gt; &lt;/CustomConfig&gt; &lt;/ext:TabPanel&gt; &lt;/form&gt; &lt;/body&gt; &lt;/html&gt;</pre><pre><pre><span style="font-size: 13pt"><span style="background-color: #ff0000">question 2:<br /></span><strong><span style="background-color: #ffffff">I have a page  Grid3.aspx, the webgrids of the page has self-adaption of height <br />and width.but when I put Grid3.aspx into TabPanel,it will display wrong(tab1.png\tab2.png\tab3.png).strangely,the Grid3.aspx has not self-adaption of  width at this time.<br />how to do??</span></strong> <br /><br /><br /></span></pre><pre><span style="color: #ff0000; font-size: 13pt"><strong>index.aspx:</strong></span><br />&lt;td style="height: 100%; width: auto" valign="top"&gt;</pre> &lt;iframe id="main" name="main" scrolling="yes" style="width: 100%; height: 100%" frameborder="0" src="MainPage.aspx"&gt;&lt;/iframe&gt; &lt;/td&gt;<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><pre>&nbsp;</pre><pre><br />&nbsp;</pre><pre><strong><span style="color: #ff0000; font-size: 13pt">MainPage.aspx:</span></strong><pre>&lt;body oncontextmenu="return false" style="overflow: hidden;"&gt; &lt;form id="form1" runat="server"&gt; &lt;ext:ScriptManager ID="ScriptManager1" runat="server" HideInDesign="True" /&gt; &lt;/form&gt; &lt;div id="divtab" runat="server" &gt; &lt;%--When I set "AutoHeight="true"" instead of "Height="800px"",page runs wrong,you can try --%&gt; &lt;ext:TabPanel ID="TabPanel1" runat="server" Height="430px" AutoWidth="true" EnableTabScroll="true" AutoScroll="true" Border="false" AnimScroll="true"&gt; &lt;CustomConfig&gt; &lt;ext:ConfigItem Name="monitorResize" Value="true" Mode="Raw" Encode="False"&gt;&lt;/ext:ConfigItem&gt; &lt;/CustomConfig&gt; &lt;/ext:TabPanel&gt; &lt;/div&gt; &lt;script type="text/javascript"&gt; function findDimensions() { document.getElementById("divtab").style.height = (document.documentElement.clientHeight - 10) &#43; "px"; var TabPanels = Ext.getCmp("TabPanel1"); TabPanels.setWidth(document.documentElement.clientWidth-10); } function setTabHeight(heig) { document.getElementById("divtab").style.height = heig; } window.onresize = findDimensions; function addTabMain(id, url, Titel, close) { var TabPanels = Ext.getCmp("TabPanel1"); //TabPanels.setHeight(Ext.get("divtab").getComputedHeight()); var tab = TabPanels.getComponent(id); for (var i = 0; i &lt; TabPanels.items.length; i&#43;&#43;) { if (TabPanels.items.items[i].title == Titel) { TabPanels.activate(TabPanels.items.items[i]); return; } } if (url.indexOf('?') == -1) url = url &#43; '?a=1'; if (!tab) { if (TabPanels.items.getCount() &gt; 11) { alert("只允许同时打开12个标签页，请关闭一些后重试！"); } else { tab = TabPanels.add({ id: id, title: Titel, closable: close, border: false, autoLoad: { showMask: true, url: url &#43; '&amp;sid=' &#43; id, mode: 'iframe', maskMsg: '正在加载页面，请稍侯...' } }); } } TabPanels.setActiveTab(tab); } &lt;/script&gt; &lt;/body&gt;</pre> </pre><pre>&nbsp;</pre><pre><strong><span style="color: #ff0000; font-size: 13pt">Grid3.aspx:</span></strong></pre><pre>&nbsp;<pre>&lt;%@ Page Language="C#" AutoEventWireup="true" CodeFile="Grid3.aspx.cs" Inherits="TestGridPage_Grid3" %&gt; &lt;%@ Register Assembly="ISNet.WebUI.WebGrid" Namespace="ISNet.WebUI.WebGrid" TagPrefix="ISWebGrid" %&gt; &lt;%@ Register Assembly="ISNet.WebUI.WebDesktop" Namespace="ISNet.WebUI.WebDesktop" TagPrefix="ISWebDesktop" %&gt; &lt;%@ Register assembly="ISNet.WebUI.WebInput" namespace="ISNet.WebUI.WebControls" tagprefix="ISWebInput" %&gt; &lt;!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"&gt; &lt;html&gt; &lt;head runat="server"&gt; &lt;title&gt;&lt;/title&gt; &lt;script&gt; function RefreshGrid() { var grid1 = ISGetObject("WebGrid1"); var grid2 = ISGetObject("WebGrid2"); var grid3 = ISGetObject("WebGrid3"); grid1.Refresh(); grid2.Refresh(); grid3.Refresh(); } &lt;/script&gt; &lt;/head&gt; &lt;body style="background-color: #DFE8F7; margin: 0px; font-size: 11px; overflow: hidden;" oncontextmenu="return false"&gt; &lt;form id="form1" runat="server"&gt; &lt;div&gt; &lt;ISWebDesktop:WebToolBar ID="WebToolBar1" runat="server" Caption="WebToolBar1" CommandSize="" HeaderHeight="" IntegratedTo="None" NewDockingArea="NotSet" NewDockingRow="0" NewIsFloat="Default" Width="100%"&gt; &lt;Commands&gt; &lt;ISWebDesktop:ToolCommand Category="WebToolBar1" Name="ToolCommand0" Text="打开" &gt; &lt;/ISWebDesktop:ToolCommand&gt; &lt;ISWebDesktop:ToolCommand Category="WebToolBar1" Name="ToolCommand1" Text="编辑"&gt; &lt;/ISWebDesktop:ToolCommand&gt; &lt;ISWebDesktop:ToolCommand Category="WebToolBar1" Name="ToolCommand2" Text="新增"&gt; &lt;/ISWebDesktop:ToolCommand&gt; &lt;ISWebDesktop:ToolCommand Category="WebToolBar1" Name="ToolCommand3" Text="修改"&gt; &lt;/ISWebDesktop:ToolCommand&gt; &lt;ISWebDesktop:ToolCommand Category="WebToolBar1" Name="ToolCommand4" Text="删除"&gt; &lt;/ISWebDesktop:ToolCommand&gt; &lt;/Commands&gt; &lt;/ISWebDesktop:WebToolBar&gt; &lt;table style="font-size: 12px;"&gt; &lt;tr style="height: 5px"&gt; &lt;td width="80px" align="left"&gt; 起始日期： &lt;/td&gt; &lt;td width="160px" align="left"&gt; &lt;ISWebInput:WebInput ID="WebInput1" runat="server"&gt; &lt;/ISWebInput:WebInput&gt; &lt;/td&gt; &lt;td width="80px" align="left"&gt; 终止日期： &lt;/td&gt; &lt;td width="160px" align="left"&gt; &lt;ISWebInput:WebInput ID="WebInput2" runat="server" DecimalSeparator="" MaxDate="12/31/9998 23:59:59" MinDate="1753-01-01"&gt; &lt;EditFormat&gt; &lt;ErrorWindowInfo IsEnabled="False"&gt; &lt;/ErrorWindowInfo&gt; &lt;/EditFormat&gt; &lt;DateTimeEditor DateInputLink=""&gt; &lt;DropDownYearFrameStyle BackColor="#FFFFFF" BorderColor="Black" BorderWidth="1px"&gt; &lt;/DropDownYearFrameStyle&gt; &lt;DropDownMonthFrameStyle BackColor="#FFFFFF" BorderColor="Black" BorderWidth="1px"&gt; &lt;/DropDownMonthFrameStyle&gt; &lt;QuickSelectDateIconStyle Height="18px" Width="20px"&gt; &lt;/QuickSelectDateIconStyle&gt; &lt;/DateTimeEditor&gt; &lt;CultureInfo CultureName="zh-CN"&gt; &lt;/CultureInfo&gt; &lt;DisplayFormat Format="MM/dd/yy HH:mm" IsEnabled="True"&gt; &lt;/DisplayFormat&gt; &lt;/ISWebInput:WebInput&gt; &lt;/td&gt; &lt;td&gt; &lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td width="90px" align="left" class="style1"&gt; 供应商编号： &lt;/td&gt; &lt;td width="160px" align="left" class="style1"&gt; &lt;input id="ledCompanyNo" runat="server" style="width: 135px; height: 18px;" type="text" class="igtxt_Office2007BlueEdit" /&gt; &lt;/td&gt; &lt;td width="80px" align="left" class="style1"&gt; 供应商名称： &lt;/td&gt; &lt;td width="160px" align="left" class="style1"&gt; &lt;input id="ledCompanyName" runat="server" style="width: 220px; height: 18px;" type="text" class="igtxt_Office2007BlueEdit" /&gt; &lt;/td&gt; &lt;td class="style1"&gt; &nbsp; &lt;/td&gt; &lt;/tr&gt; &lt;tr style="height: 2px"&gt; &lt;td&gt; &lt;/td&gt; &lt;/tr&gt; &lt;/table&gt; &lt;h4&gt; 多个Tab页面宽度无法自适应&lt;/h4&gt; &lt;h4&gt; Tab高度无法自适应&lt;/h4&gt; &lt;ISWebDesktop:WebTab ID="WebTab1" runat="server" Height="380px" Width="100%"&gt; &lt;ClientSideEvents OnAfterTabChanged="RefreshGrid()"/&gt; &lt;TabPages&gt; &lt;ISWebDesktop:WebTabItem Text="Tab 1"&gt; &lt;PageTemplate&gt; &lt;%-- Width="90.2%" Height="100%"--%&gt; &lt;ISWebGrid:WebGrid ID="WebGrid1" runat="server" UseDefaultStyle="True" DefaultStyleMode="Win7" DataSourceID="SqlDataSource1"&gt; &lt;LayoutSettings StatusBarVisible="true" AutoHeight="true" AutoWidth="true" PagingMode="ClassicPaging" PagingSize="12" &gt; &lt;/LayoutSettings&gt; &lt;RootTable DataKeyField="CustomerID"&gt; &lt;Columns&gt; &lt;ISWebGrid:WebGridColumn Caption="CustomerID" DataMember="CustomerID" Name="CustomerID" Width="100px"&gt; &lt;/ISWebGrid:WebGridColumn&gt; &lt;ISWebGrid:WebGridColumn Caption="CompanyName" DataMember="CompanyName" Name="CompanyName" Width="100px"&gt; &lt;/ISWebGrid:WebGridColumn&gt; &lt;ISWebGrid:WebGridColumn Caption="ContactName" DataMember="ContactName" Name="ContactName" Width="100px"&gt; &lt;/ISWebGrid:WebGridColumn&gt; &lt;ISWebGrid:WebGridColumn Caption="ContactTitle" DataMember="ContactTitle" Name="ContactTitle" Width="100px"&gt; &lt;/ISWebGrid:WebGridColumn&gt; &lt;ISWebGrid:WebGridColumn Caption="Address" DataMember="Address" Name="Address" Width="100px"&gt; &lt;/ISWebGrid:WebGridColumn&gt; &lt;ISWebGrid:WebGridColumn Caption="City" DataMember="City" Name="City" Width="100px"&gt; &lt;/ISWebGrid:WebGridColumn&gt; &lt;ISWebGrid:WebGridColumn Caption="Region" DataMember="Region" Name="Region" Width="100px"&gt; &lt;/ISWebGrid:WebGridColumn&gt; &lt;ISWebGrid:WebGridColumn Caption="PostalCode" DataMember="PostalCode" Name="PostalCode" Width="100px"&gt; &lt;/ISWebGrid:WebGridColumn&gt; &lt;ISWebGrid:WebGridColumn Caption="Country" DataMember="Country" Name="Country" Width="100px"&gt; &lt;/ISWebGrid:WebGridColumn&gt; &lt;ISWebGrid:WebGridColumn Caption="Phone" DataMember="Phone" Name="Phone" Width="100px"&gt; &lt;/ISWebGrid:WebGridColumn&gt; &lt;ISWebGrid:WebGridColumn Caption="Fax" DataMember="Fax" Name="Fax" Width="100px"&gt; &lt;/ISWebGrid:WebGridColumn&gt; &lt;/Columns&gt; &lt;/RootTable&gt; &lt;/ISWebGrid:WebGrid&gt; &lt;/PageTemplate&gt; &lt;/ISWebDesktop:WebTabItem&gt; &lt;ISWebDesktop:WebTabItem Text="Tab 2"&gt; &lt;PageTemplate&gt; &lt;ISWebGrid:WebGrid ID="WebGrid2" runat="server" UseDefaultStyle="True" DefaultStyleMode="Win7" DataSourceID="SqlDataSource1"&gt; &lt;LayoutSettings AutoHeight="true" AutoWidth="true" PagingMode="ClassicPaging" PagingSize="12" &gt; &lt;/LayoutSettings&gt; &lt;RootTable DataKeyField="CustomerID"&gt; &lt;Columns&gt; &lt;ISWebGrid:WebGridColumn Caption="CustomerID" DataMember="CustomerID" Name="CustomerID" Width="100px"&gt; &lt;/ISWebGrid:WebGridColumn&gt; &lt;ISWebGrid:WebGridColumn Caption="CompanyName" DataMember="CompanyName" Name="CompanyName" Width="100px"&gt; &lt;/ISWebGrid:WebGridColumn&gt; &lt;ISWebGrid:WebGridColumn Caption="ContactName" DataMember="ContactName" Name="ContactName" Width="100px"&gt; &lt;/ISWebGrid:WebGridColumn&gt; &lt;ISWebGrid:WebGridColumn Caption="ContactTitle" DataMember="ContactTitle" Name="ContactTitle" Width="100px"&gt; &lt;/ISWebGrid:WebGridColumn&gt; &lt;ISWebGrid:WebGridColumn Caption="Address" DataMember="Address" Name="Address" Width="100px"&gt; &lt;/ISWebGrid:WebGridColumn&gt; &lt;ISWebGrid:WebGridColumn Caption="City" DataMember="City" Name="City" Width="100px"&gt; &lt;/ISWebGrid:WebGridColumn&gt; &lt;ISWebGrid:WebGridColumn Caption="Region" DataMember="Region" Name="Region" Width="100px"&gt; &lt;/ISWebGrid:WebGridColumn&gt; &lt;ISWebGrid:WebGridColumn Caption="PostalCode" DataMember="PostalCode" Name="PostalCode" Width="100px"&gt; &lt;/ISWebGrid:WebGridColumn&gt; &lt;ISWebGrid:WebGridColumn Caption="Country" DataMember="Country" Name="Country" Width="100px"&gt; &lt;/ISWebGrid:WebGridColumn&gt; &lt;ISWebGrid:WebGridColumn Caption="Phone" DataMember="Phone" Name="Phone" Width="100px"&gt; &lt;/ISWebGrid:WebGridColumn&gt; &lt;ISWebGrid:WebGridColumn Caption="Fax" DataMember="Fax" Name="Fax" Width="100px"&gt; &lt;/ISWebGrid:WebGridColumn&gt; &lt;/Columns&gt; &lt;/RootTable&gt; &lt;/ISWebGrid:WebGrid&gt; &lt;/PageTemplate&gt; &lt;/ISWebDesktop:WebTabItem&gt; &lt;ISWebDesktop:WebTabItem Text="Tab 3"&gt; &lt;PageTemplate&gt; &lt;ISWebGrid:WebGrid ID="WebGrid3" runat="server" UseDefaultStyle="True" DefaultStyleMode="Win7" DataSourceID="SqlDataSource1"&gt; &lt;LayoutSettings AutoHeight="true" AutoWidth="true" PagingMode="ClassicPaging" PagingSize="12" &gt; &lt;/LayoutSettings&gt; &lt;RootTable DataKeyField="CustomerID"&gt; &lt;Columns&gt; &lt;ISWebGrid:WebGridColumn Caption="CustomerID" DataMember="CustomerID" Name="CustomerID" Width="100px"&gt; &lt;/ISWebGrid:WebGridColumn&gt; &lt;ISWebGrid:WebGridColumn Caption="CompanyName" DataMember="CompanyName" Name="CompanyName" Width="100px"&gt; &lt;/ISWebGrid:WebGridColumn&gt; &lt;ISWebGrid:WebGridColumn Caption="ContactName" DataMember="ContactName" Name="ContactName" Width="100px"&gt; &lt;/ISWebGrid:WebGridColumn&gt; &lt;ISWebGrid:WebGridColumn Caption="ContactTitle" DataMember="ContactTitle" Name="ContactTitle" Width="100px"&gt; &lt;/ISWebGrid:WebGridColumn&gt; &lt;ISWebGrid:WebGridColumn Caption="Address" DataMember="Address" Name="Address" Width="100px"&gt; &lt;/ISWebGrid:WebGridColumn&gt; &lt;ISWebGrid:WebGridColumn Caption="City" DataMember="City" Name="City" Width="100px"&gt; &lt;/ISWebGrid:WebGridColumn&gt; &lt;ISWebGrid:WebGridColumn Caption="Region" DataMember="Region" Name="Region" Width="100px"&gt; &lt;/ISWebGrid:WebGridColumn&gt; &lt;ISWebGrid:WebGridColumn Caption="PostalCode" DataMember="PostalCode" Name="PostalCode" Width="100px"&gt; &lt;/ISWebGrid:WebGridColumn&gt; &lt;ISWebGrid:WebGridColumn Caption="Country" DataMember="Country" Name="Country" Width="100px"&gt; &lt;/ISWebGrid:WebGridColumn&gt; &lt;ISWebGrid:WebGridColumn Caption="Phone" DataMember="Phone" Name="Phone" Width="100px"&gt; &lt;/ISWebGrid:WebGridColumn&gt; &lt;ISWebGrid:WebGridColumn Caption="Fax" DataMember="Fax" Name="Fax" Width="100px"&gt; &lt;/ISWebGrid:WebGridColumn&gt; &lt;/Columns&gt; &lt;/RootTable&gt; &lt;/ISWebGrid:WebGrid&gt; &lt;/PageTemplate&gt; &lt;/ISWebDesktop:WebTabItem&gt; &lt;/TabPages&gt; &lt;TabItemStyle&gt; &lt;Normal Cursor="Hand" BackColor="Gainsboro" BorderColor="Gray" BorderStyle="Solid" BorderWidth="1px" Font-Bold="False" Font-Italic="False" Font-Names="Tahoma" Font-Size="8pt" Font-Underline="False" Height="100%" Width="100%"&gt; &lt;Padding Top="2px" Left="10px" Right="10px" Bottom="0px"&gt;&lt;/Padding&gt; &lt;/Normal&gt; &lt;Over BaseStyle="Normal" BackColor="WhiteSmoke"&gt; &lt;/Over&gt; &lt;Active GradientType="Vertical" BackColor2="245, 245, 245" BaseStyle="Normal" BackColor="White" BorderColor="Navy" BorderStyle="Solid" BorderWidth="1px"&gt; &lt;/Active&gt; &lt;/TabItemStyle&gt; &lt;/ISWebDesktop:WebTab&gt; &lt;/div&gt; &lt;asp:SqlDataSource ID="SqlDataSource1" runat="server" ConnectionString="&lt;%$ ConnectionStrings:NorthwindConnectionString %&gt;" SelectCommand="SELECT * FROM [Customers]"&gt;&lt;/asp:SqlDataSource&gt; &lt;/form&gt; &lt;/body&gt; &lt;/html&gt; </pre> </pre><pre>&nbsp;&nbsp;</pre> </pre> <p> </p> <p><span style="background-color: #ff0000"><span style="background-color: #ffffff"><strong><span style="color: #31859b; font-size: 13pt"> I can not upload all the code(12M)</span> ,Please help me&nbsp;&nbsp;let the webgrid </strong></span></span><span style="background-color: #ff0000"><span style="background-color: #ffffff"><strong>have self-adaption of height&nbsp;and width in some cases!</strong></span></span></p> <p><span style="background-color: #ff0000"><span style="background-color: #ffffff"> <span style="color: #ff0000"> <span style="font-size: 10pt"><span style="font-size: 12pt"><span style="text-decoration:underline;">it is very urgent</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <span style="background-color: #ff0000"><span style="background-color: #ffffff; color: #000000"><strong>thanks!</strong></span></span></span></span></span></span></span></p> <p><span style="background-color: #ff0000"><span style="background-color: #ffffff"><span style="color: #ff0000"><strong><span style="color: #000000; font-size: 15px"></span></strong><br /><strong> </strong></span><br /></span><br /></span></p> <p><span style="background-color: #ff0000"></span> </p> <p><span style="background-color: #ff0000"></span> </p> <p><span style="background-color: #ff0000"></span> </p> <p><span style="background-color: #ff0000"></span> </p> <p><span style="background-color: #ff0000"></span> </p> <p><span style="background-color: #ff0000"></span> </p> <p><span style="background-color: #ff0000"></span> </p> <p><span style="background-color: #ff0000"></span> </p> <p><span style="background-color: #ff0000"></span> </p> <p><span style="background-color: #ff0000"></span> </p> <p><span style="background-color: #ff0000"></span> </p> <p><span style="background-color: #ff0000"></span> </p>