Website wont render correctly

Topics: ASP.NET 2.0, Themes
Apr 1, 2011 at 9:22 PM
Edited Apr 1, 2011 at 9:25 PM

I made some changes to my website and along the way it stopped rendering in browsers other then firefox. When i open it with chrome, it looks like a mess.

My site is www.muscletitans.com

I think i found what the problem is, in the broken version it is taking the div "ButtonStrip" out of its parent div for some reason.

 

Here is the PostView code:

 

 

<div class="post">

<h1>
<a class="postheader taggedlink" href="<%=Post.RelativeLink %>">
<%=Post.Title %></a></h1>
<div class="descr">
<%=Post.DateCreated.ToString("dddd, d MMMM yyyy HH:mm")%>
by <a href="<%=VirtualPathUtility.ToAbsolute("~/") + "author/" + Post.Author %>.aspx">
<%=Post.Author %></a></div>
<%-- <div class="entry"><%=Body %></div> This has been depreciated so please don't use it anymore. --%>
<%-- Instead use the line below --%>
<div class="entry">
<asp:PlaceHolder ID="BodyContent" runat="server" />
</div>
<div class="info">
<div class="postImage">

<asp:ImageButton ID="postImage" height="150" width="250" runat="server"
ImageUrl="~/themes/mytheme/img/Test.jpg" />


</div>
<div class="postInfo">
<div class="infoStrip">
<div class="graphic">
<asp:ImageButton ID="ratingGraphic" height="20" width="100" runat="server" ImageUrl="~/themes/mytheme/img/RatingGraphic.jpg" AlternateText="Rating" ToolTip="Rating" />
</div>
<%=Rating %>
</div>

<div class="spacer"></div>

<% if (!String.IsNullOrEmpty(TagLinks(", ")))
{ %>
<div class="infoStrip">
<div class="graphic">
<asp:ImageButton ID="categoryGraphic" height="20" width="100" runat="server" ImageUrl="~/themes/mytheme/img/CategoryGraphic.jpg" AlternateText="Category" ToolTip="Category" />
</div>
<%=CategoryLinks(" | ") %>
</div>

<div class="tagStrip">
<div class="graphic">
<asp:ImageButton ID="tagGraphic" height="20" width="100" runat="server" ImageUrl="~/themes/mytheme/img/TagsGraphic.jpg" AlternateText="Tags" ToolTip="Tags" />
</div>
<div class="tagsContainer">
<%=TagLinks(", ") %>
</div>
</div>
<% } %>

<div class="infoStrip">
<% if (AdminLinks.Length > 0) %>
<div class="graphic">
<asp:ImageButton ID="adminGraphic" height="20" width="100" runat="server" ImageUrl="~/themes/mytheme/img/AdminActionsGraphic.jpg" AlternateText="AdminActions" ToolTip="AdminActions" />
</div>
<% if (AdminLinks.Length > 0)
{ %><div class="postadminlinks">
<%= AdminLinks.Substring(0, AdminLinks.Length - 2) %></div>
<% } %>
</div>

</div>
</div>
<div class="buttonsStrip">
<a target="_blank" rel="nofollow" href="mailto:?subject=<%=Post.Title %>&amp;body=Thought you might like this: <%=Post.AbsoluteLink.ToString() %>"><img src="/themes/mytheme/img/EmailThisButton.jpg" height="20" width="100" alt="Email This" title="Email This" /></a>
<a target="_blank" rel="nofollow" href="http://del.icio.us/post?url=<%=Server.UrlEncode(Post.AbsoluteLink.ToString()) %>&amp;title=<%=Server.UrlEncode(Post.Title) %>" target="_blank"><img src="/themes/mytheme/img/DeliciousButton.jpg" height="20" width="100" alt="Save to del.icio.us" title="Save to del.icio.us" /></a>
<a target="_blank" rel="nofollow" href="http://digg.com/submit?phase=2&url=<%=Server.UrlEncode(Post.AbsoluteLink.ToString()) %>&amp;title=<%=Server.UrlEncode(Post.Title) %>" target="_blank"><img src="/themes/mytheme/img/DiggButton.png" height="20" width="100" alt="Digg This" title="Digg This" /></a>
<a target="_blank" rel="nofollow" href="http://www.reddit.com/submit?url=<%=Server.UrlEncode(Post.AbsoluteLink.ToString()) %>&amp;title=<%=Server.UrlEncode(Post.Title) %>" target="_blank"><img src="/themes/mytheme/img/RedditButton.jpg" height="20" width="100" alt="Submit to Reddit" title="Submit to Reddit" /></a>
<a target="_blank" rel="nofollow" href="<%=Post.RelativeLink %>#comment"><img src="/themes/mytheme/img/CommentButton.jpg" height="20" width="69" alt="Comments" title="Comments" />(<%=Post.ApprovedComments.Count %>)</a>
<script> function fbs_click() { u = location.href; t = document.title; window.open('http://www.facebook.com/sharer.php?u=' + encodeURIComponent(u) + '&t=' + encodeURIComponent(t), 'sharer', 'toolbar=0,status=0,width=626,height=436'); return false; }</script><a rel="nofollow" href="http://www.facebook.com/share.php?u=<;url>"
onclick="return fbs_click()" target="_blank"><img src="/themes/mytheme/img/FacebookShareButton.jpg" height="20" width="60" alt="Share on Facebook" title="Share on Facebook" /></a>
<a target="_blank" rel="nofollow" href="<%=CommentFeed %>"><img src="/themes/mytheme/img/CommentRSSButton.jpg" height="20" width="100" alt="RSS Comment Feed" title="RSS Comment Feed" /></a>
</div>

<div class="clearer">

</div>

</div>


And here are some images to help you understand the problem:

Working:

 

 

 


 

Not Working

 

 

 

 


 

Thanks, hope i can solve this

Apr 2, 2011 at 7:01 PM

Problem solved, had to do with the admin div.