different gap btw usercontrol using 4-25% layout

HI,

I created user control with fixed width. I used it 4 times into a page 4-25% templete.
but it is a different gap btw user control when I populate page.

Regards,

codes as the following:

<%

@ Control Language="C#" AutoEventWireup="true" CodeBehind="AdBar1.ascx.cs" Inherits="SitefinityWebApp.Control.AdBar1" %>

div style="border: thin solid #000000; width:200px;height:286px;background-image:url('Image/backgroud.png'); background-repeat:no-repeat;padding: 0px 0 0 0px;" align="left">

<

table width="180" style="vertical-align:top;text-align:center;height:236px">

<tr>

<td>

&nbsp;

</td>

</tr>

<tr id="adImageTR" style="vertical-align:middle;height:86px">

<td align="center">

<asp:Image ID="Image1" runat="server" ImageUrl="~/Control/Image/question-mark.gif" />

</td>

</tr>

<tr style="height: 140px;vertical-align:top;text-align:center">

<td align="center">

<table style="text-align:center" width="140px">

<tr>

<td style="width:140px;vertical-align:top;height:20px">

<asp:Label ID="Label1" runat="server" Font-Size="14px" Font-Bold="True" Text="Customers" Font-Names="Verdana"></asp:Label>

</td>

</tr>

<tr>

<td>

&nbsp;

</td>

</tr>

<tr>

<td style="width:140px;vertical-align:top;">

<asp:Label ID="Label2" runat="server" Text="Access and" Font-Names="Verdana" Font-Size="11pt"></asp:Label>

</td>

</tr>

</table>

</td>

</tr>

<tr style="vertical-align:bottom;height:30px">

<td align="center">

<telerik:RadButton ID="RadButton1" runat="server" ButtonType="LinkButton" Text="More">

</telerik:RadButton>

</td>

</tr>

</

table>

</

div>


master page:

<%

@ Master Language="C#" AutoEventWireup="true" CodeBehind="ZintelHome.master.cs" Inherits="SitefinityWebApp.Sitefinity.WebsiteTemplete.ZintelHomeTemplete.App_Master.ZintelHome" %>

<%

@ Register TagPrefix="uc1" TagName="Header" Src="~/Control/HeaderBar.ascx" %>

<%

@ Register TagPrefix="uc2" TagName="noteBar" Src="~/Control/notationBar.ascx" %>

<!

DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "www.w3.org/.../xhtml1-transitional.dtd">

<

html xmlns="www.w3.org/.../xhtml">

<

head runat="server">

<title></title>

<asp:ContentPlaceHolder ID="head" runat="server">

</asp:ContentPlaceHolder>

</

head>

<

body>

<form id="form1" runat="server">

<telerik:RadScriptManager runat="server" ID="radScriptManager">

</telerik:RadScriptManager>

<telerik:RadSkinManager runat="server" ID="radSkinManager" Skin="Web20">

</telerik:RadSkinManager>

<telerik:RadFormDecorator ID="FormDecorator1" runat="server" DecoratedControls="all"></telerik:RadFormDecorator>

<table class="BaseLayout" cellpadding="0" cellspacing="0" width="800px">

<tr>

<td>

<uc1:Header ID="HeaderUC" runat="server" />

</td>

</tr>

<tr>

<td>

<asp:ContentPlaceHolder ID="navigationContentPlaceHolder" runat="server">

</asp:ContentPlaceHolder>

</td>

</tr>

<tr>

<td>

<asp:ContentPlaceHolder ID="MenuContentPlaceHolder" runat="server">

</asp:ContentPlaceHolder>

</td>

</tr>

<tr>

<td>

<asp:ContentPlaceHolder ID="mainContentPlaceHolder" runat="server">

</asp:ContentPlaceHolder>

</td>

</tr>

<tr>

<td>

<asp:ContentPlaceHolder ID="spaceContentPlaceHolder" runat="server">

</asp:ContentPlaceHolder>

</td>

</tr>

<tr>

<td>

<asp:ContentPlaceHolder ID="footerContentPlaceHolder" runat="server">

</asp:ContentPlaceHolder>

</td>

</tr>

</table>

</form>

</

body>

</

html>

attachment button doesn't work? could you tell me how to upload file?

Regards,

Wei

try to attach file

Hi Sarah,

Did you check the padding of the columns in the properties of the 4x25 widget? Also it is not best practice to place table inside div and then other divs inside that table. This could be also a reason.

If you can provide us a link to your live/demo project we can inspect the outputted code there and check what is wrong.



Regards,
Jordan
the Telerik team

thanks , I FIXED this problem.