-
This is the same issue (I think) reported with previous version.
After upgrading to J 2.5.1, ja_portfolio for J 2.5, using the brown-color in case that makes a difference. Everything else is the default.
I’ve attached a screenshot of a dummy article (set as featured) that only has the following for content:
<div style=”height: 200px; background-color: red”></div>As you can easily see the Login Module (position : right) is below the content and pushed far to the right
Sorry the image file is so big, but at least it shows the issue.
Looking through the generated HTML/CSS and using Firebug to examine it, the issue is that the main <div class=”main clearfix”> extends across the entire page, but does not include the right column. I’ve got the entire page width fixed at 1200px, and the “main clearfix” class extends across all 1200px. The clearfix div does include the main column, but not the right column.
I can solve the problem by deleting the closing </div> at line 132 of the /plugins/system/jat3/jat3/base-themes/default/page/default.php file, but I’m sure I would be breaking something else.
To be a little clearer… I’m sure one of the blocks enclosed inside the <div class=”main clearfix”> is outputting an extra end div </div>, but I’m not sure where. Either that, or the <div class=”main clearfix”> .css should not be 1200px wide. The main class includes the width: 1200px. I”m not sure if the main class is intended to include the left/main/right columns or not, but from the indenting in the file it looks like it should only include the main content. If that is the case then the width should be set at the width of the main column only.
Here is the outline from Firebug :
<div class=”main clearfix”>
<div id=”ja-mainbody” style=”width:80%”>
<!– CONTENT –>
<div id=”ja-main” style=”width:100%”>
<div class=”inner clearfix”></div>
<div id=”system-message-container”></div>
<div id=”ja-contentwrap” class=”clearfix”>
<div id=”ja-content” class=”column” style=”width:100%”>
<div id=”ja-current-content” class=”column” style=”width:100%”>
<div id=”ja-content-main” class=”ja-content-main clearfix”>
<h1 class=”componentheading”><span><span>Home</span></span></h1>
<div class=”blog”>
<div class=”items-leading”>
<div class=”leading clearfix”>
<div class=”contentpaneopen clearfix”>
<div class=”article-main”></div>
<div class=”article-content”>
<div style=”height: 200px; background-color: red”></div>
</div>
</div>
</div>
<div class=”item-separator”></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!– //CONTENT –>
</div><!– RIGHT COLUMN–>
<div id=”ja-right” class=”column sidebar” style=”width:20%”>Can someone look at this and fix the real issue?
PLEASE NOTE that installing the quickstart is not an option for this site. But the problem is easily reproducible, so it should be fairly easy for Joomlart to find the problem.
<em>@phill luckhurst 304633 wrote:</em><blockquote>Could you PM me a super admin logon so I can take a look at your article code?</blockquote>
I put this code into a site on my personal machine so I could debug it, so it’s not available on the internet. I was planning on stepping through the code to find out where the extra opening div was coming from, but when I looked at the template and the way it was indented, it seemed the problem is more in the .css file, although I assume the width is set in the code for it also.
Here’s a screenshot of my article code:
I should also mention that I can confirm that <div style=”height: 200px; background-color: red”></div> is exactly what is stored in the database for that article
This topic contains 18 replies, has 3 voices, and was last updated by
bgies 12 years, 8 months ago.
We moved to new unified forum. Please post all new support queries in our New Forum
