1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

My forums are broken on IE, Firefox and Opera, but it works perfectly on Chrome

Discussion in 'Troubleshooting and Problems' started by José Guedes, Dec 4, 2010.

  1. José Guedes

    José Guedes Active Member

    My forums are broken on IE, Firefox and Opera, but it works perfectly on Chrome.
    I know that is related to the style, but it works perfectly on chrome, but badly on others.
    Any ideas?
  2. Lawrence

    Lawrence Well-Known Member

    Your forum looks good to me (in IE), and the only problem I noticed with FF is that your links bar need to be moved down a bit from the Tabs.

    How did you set the height for the logo block (Should be set here: Header & Navigation -> Header -> Height of Header Logo).
  3. Floris

    Floris Guest

    Can you be more specific "what" is broken?
  4. José Guedes

    José Guedes Active Member

    FireShot capture #001 - 'SuperialBuilders Forums' - forums_superialbuilders_com_index_php.jpg Thats the view on firefox, the header is broken and also the footer.
  5. Jake Bunce

    Jake Bunce XenForo Moderator Staff Member

    I can confirm the problem in Firefox.

    This is very likely a problem with your style or addons. I suggest we try to narrow down the problem.

    1) Try to reproduce the problem on a default style. Create a new style with no parent:

    Admin CP -> Appearance -> Styles -> Create New Style

    Then select that style on your forum. If the problem goes away when using the new style then you know it's a problem with your custom style.

    2) Try disabling your addons:

    Admin CP -> Home -> List Add-ons -> Disable (in the Control menu for each addon)

    It is very possible to have a style problem that only affects some browsers.
  6. Russ

    Russ Well-Known Member

    It's related to:

    #content .pageContent

    In public.css

    Make sure it looks like this: with the @property "content" it shouldn't call it for the header area.

    #content .pageContent
        @property "content";
        background-color: @contentBackground;
        padding: 10px 20px;
        @property "/content";
    Jake Bunce likes this.
  7. José Guedes

    José Guedes Active Member

    I did that, it fixes, but I don't want to scrap all the theme.

    It does look like that, but I found out that is only like this on the forum tab (http://forums.superialbuilders.com/index.php), the other tabs are working well.
  8. Brogan

    Brogan XenForo Moderator Staff Member

    Did this problem start after upgrading to Beta 4?

    There is a bug related to modified templates and the navigation template is one of those affected.

    You could try reverting that template but make a note of any changes you have made and re-apply them.
  9. José Guedes

    José Guedes Active Member

    No, it is like this since beta 2 or 3, I can't really remember, and I was kinda too busy to report it.
  10. Brogan

    Brogan XenForo Moderator Staff Member

    In that case then, my suggestion would be to copy and past the current navigation and navigation.css templates (depending on where you've made changes) to text files as a backup.

    Then I would revert those 2 templates and start adding in your changes one by one.
    Each time check all browers to see the result of the changes.

    That way you will be able to identify the specific edit which is causing the problem.
  11. José Guedes

    José Guedes Active Member

    Those templates are on default, problem still there.
  12. Brogan

    Brogan XenForo Moderator Staff Member

    Can you list all the templates you've edited and the edits which have been made?
  13. José Guedes

    José Guedes Active Member

    forum_list template was broken.

    <xen:container var="$head.canonical"><link rel="canonical" href="{xen:link 'canonical:index'}" /></xen:container>
    <xen:if is="{$xenOptions.boardDescription}"><xen:container var="$head.description">
    	<meta name="description" content="{$xenOptions.boardDescription}" /></xen:container></xen:if>
    <xen:include template="dark_taigachat"><xen:set var="$taigachat_alt">1</xen:set></xen:include>
    <xen:if is="{$renderedNodes}"><xen:include template="node_list" /></xen:if>
    	<xen:edithint template="sidebar.css" />
    	<xen:include template="sidebar_online_users" />
    	<div class="section">
    		<div class="secondaryContent statsList" id="boardStats">
    			<h3>{xen:phrase forum_statistics}</h3>
    			<div class="pairsJustified">
    				<dl class="discussionCount"><dt>{xen:phrase discussions}:</dt>
    					<dd>{xen:number $boardTotals.discussions}</dd></dl>
    				<dl class="messageCount"><dt>{xen:phrase messages}:</dt>
    					<dd>{xen:number $boardTotals.messages}</dd></dl>
    				<dl class="memberCount"><dt>{xen:phrase members}:</dt>
    					<dd>{xen:number $boardTotals.users}</dd></dl>
    				<dl><dt>{xen:phrase latest_member}:</dt>
    					<dd><a href="{xen:link members, $boardTotals.latestUser}" class="username">{$boardTotals.latestUser.username}</a></dd></dl>
    	<xen:include template="GP_Steam" />
    <div class="section">
    		<div class="secondaryContent statsList" id="boardStats">
    			<div class="pairsJustified">
    				<dl><dd><center><xen:include template="topslide"></xen:include>
         <xen:require css="topslide.css" />
         <xen:require js="js/jquery/jquery.topslide.js" />
         <xen:require js="js/jquery/jquery.topslidecontrol.js" /></center></dd></dl>
    Does anyone see anything wrong in there?
  14. Lawrence

    Lawrence Well-Known Member

    It only happens on Forum home, in FF. The members, wiki, and looks fine. I notice the bottom breadcrumb shows in the sidebar on Forum home, under the Server block. It looks like that block may be causing the problem.

    Edit: I don't see where you closed out each <div class="section"> divs
  15. José Guedes

    José Guedes Active Member

    Thanks Lawrence, it was the missing </div>
    Also thanks to everyone that tried to help!

    I wonder why it was working well on Chrome...

Share This Page