Forums

Home / Developer Network / Forums / Sitefinity 2.x: Deployment > Unwanted Passing in SF2.5 for IE

• Kevin Crampton

  Posted on Apr 29, 2008 (permalink)

  Has anyone come across the following issue... when viewing my SiteFinity 2,5 site using IE 7.0 I am getting some unwanted whitespace padding around one of the cells in my layout.  This does not appear when viewing the same page with Mozilla.
  
  You can see the page here: -
  
  http://designwales.hostinguk.com/Version2/Default.aspx
  
  The white space is causing a design element on the page (a vertical grey bar) to be broken apart.
  
  Does Telerik have any best practice suggestions on how to set appearance properties to work with IE?
  
  With thanks,
  
  Kevin

  Reply

• Vlad Vlad

  Posted on May 7, 2008 (permalink)

  Hi Kevin,
  
  After investigating the rendered  HTML of http://designwales.hostinguk.com/Version2/Default.aspx, we found out that the gaps are related to the following HTML snippet:
  
  <td valign="top" align="left">
                                           
      <img alt="Design Wales News" src="/Version2/Img/news.gif">
  </td>
  
  which should be:
  
  <td valign="top" originalAttribute="src" originalPath="/Version2/Img/news.gif">
  </td>
  
  which should be:
  
  <td valign="top" align="left">
      <img alt="Design Wales News" src="/Version2/Img/news.gif"><br><img alt="Design Wales News" originalAttribute="src" originalPath="/Version2/Img/news.gif"><br><img alt="Design Wales News" originalAttribute="src" originalPath="/Version2/Img/news.gif"><br><img alt="Design Wales News" originalAttribute="src" originalPath="/Version2/Img/news.gif"><br><img alt="Design Wales News" src="/Version2/Img/line_resources.gif"></td>
  
  To render without gaps in IE, the closing </td> should be on the same line as <img>.
  
  You have added the images with r.a.d.
  To render without gaps in IE, the closing </td> should be on the same line as <img>.
  
  You have added the images with r.a.d.editor, right?
  
  The problem is related to the transforming HTML layout to  XHTML on publish, the XHTML for published site is stored in the _RadDesignerLayouts table in the LayoutXhtml column. In this column the above snippet of html looks like this (for example):
  
  <td valign="top" align="left">
   <control name="TopCell" src="RadEditor" originalAttribute="src" originalPath="RadEditor" originalAttribute="src" originalPath="RadEditor" originalAttribute="src" originalPath="RadEditor" originalAttribute="src" originalPath="RadEditor" originalAttribute="src" originalPath="RadEditor" originalAttribute="src" originalPath="RadEditor" />
  </td>
  
  
  Workaround (choose one of the following):
  

  1. When adding an image as a cell content in the RadEditor control, add a <div> tag around it, i.e:
   <div><img alt="" src="Img/Template/default_01.gif"></div>
  2. Like 1, but is applied to all content on the site. Add a div tag around the placeholder at the bottom of the ~/Control/RadControls/RadEditorControl.aspx file:
  <div><asp:PlaceHolder ID="defaultHolder" originalAttribute="src" originalPath="Img/Template/default_01.gif"></div>
  2. Like 1, but is applied to all content on the site. Add a div tag around the placeholder at the bottom of the ~/Control/RadControls/RadEditorControl.aspx file:
  <div><asp:PlaceHolder ID="defaultHolder" Runat="server" /></div>
  3. Create an SQL script for replacing all new lines after editor controls in the LayoutXhtml column in the RadDesignerLayouts table in the database. The script should be run after publishing the site.
  
  We recommend the first approach.
  
  All the best,

  Vlad
  the Telerik team

  
  Instantly find answers to your questions at the new Telerik Support Center

  Reply

• Kevin Crampton

  Posted on May 8, 2008 (permalink)

  Vlad
  
  Thank you for your quick and accurate reply, your simpest suggestion was adopted and resolved the issue.
  
  The image was actually wrapped up in a user control rather than being added by the RAD:Editor to that cell of SiteFinity as I was getting so desperate to find a way to more closely control the rendered HTML.  Your solution worked great.
  
  With thanks,
  
  Kevin Crampton

  Reply

Home / Developer Network / Forums / Sitefinity 2.x: Deployment > Unwanted Passing in SF2.5 for IE