Joomla Templates Club 406,261 posts

[jbrowdy Friend jbrowdyJoin date: April 2006Posts: 91Downloads:0Uploads:2]

#118972

When I publish a left and a right column, I get a blank white line across the bottom of my page. My test site is at http://www.kneeandshouldercare.com. In Firefox, I noticed there is a broken image at (..images/body-bg.jpg). I think it is related to the following css:
<blockquote>#ja-rightcol {
float: right;
width: 19%;
background: url(..images/body-bg.jpg) top left repeat-y;
}</blockquote>

I just can’t quite figure it out. Any ideas?

[Khanh Le Moderator Khanh LeJoin date: November 2013Posts: 1884Downloads:41Uploads:31 Thanks: 44 Thanked: 203 times in 131 posts]

#215051

Hi,
You should modify the above style to:


#ja-rightcol {
float: right;
width: 19%;
background: url(../images/body-bg.jpg) top left repeat-y;
}


[jbrowdy Friend jbrowdyJoin date: April 2006Posts: 91Downloads:0Uploads:2]

#215535

Thanks for the quick reply. I made the change, and I am still getting the horizontal white line at the bottom of my page. I notice it comes up whenever the right modules get too long.

http://www.kneeandshouldercare.com

any suggestions?

[jbrowdy Friend jbrowdyJoin date: April 2006Posts: 91Downloads:0Uploads:2]

#215536

Sorry to bump- any ideas?

[ShannonN Friend ShannonNJoin date: July 2006Posts: 1947Downloads:0Uploads:9 Thanks: 16 Thanked: 172 times in 49 posts]

#215553

jbrowdy;9529Thanks for the quick reply. I made the change, and I am still getting the horizontal white line at the bottom of my page. I notice it comes up whenever the right modules get too long.

http://www.kneeandshouldercare.com

any suggestions?

Hi Jbrowdy

Had a look at the site and at the bottom of the I see a seperator between two content areas, Is this what you are talking about this line is about equal height to where the last right module ends?

If so looking at the source code I see this

<a href=”http://www.kneeandshouldercare.com/component/option,com_recommend/Itemid,49/”>Recommend this site to a friend </a>
</p>
</td>
</tr>
</table>

<span class=”article_seperator”> </span>
</div></td></tr></table>

Remove this
<span class=”article_seperator”> </span>

and I think the line (seperator) will go

I hope this has helped solve your problem
Cheers Shannon

[jbrowdy Friend jbrowdyJoin date: April 2006Posts: 91Downloads:0Uploads:2]

#215578

Shannon,
Thanks for looking, but I am not sure you see what I am talking about- it’s not the dashed line (the that is intented)- rather it’s the white strip just above the bottom of the content area (the background bleads through).

I’ll try your suggestion, but I think we are talking about two different things.

[jbrowdy Friend jbrowdyJoin date: April 2006Posts: 91Downloads:0Uploads:2]

#215579

I am stumped right now- I can’t even find anything in my template index file that makes reference to the string “<span class=”article_seperator”> </span>”.

Any idea where this is coming from?

[jbrowdy Friend jbrowdyJoin date: April 2006Posts: 91Downloads:0Uploads:2]

#215580

Shannon- and anyone else who cares,
You were right in a sense- it’s the module that is causing the problem. I figured out that if I change the css for div.module, it fixes the problem, but I am not sure what the repercussions will be:

<blockquote>div.module {

/* made change to margin-bottom to fix white line */

margin-bottom: 15px;

padding: 0;

float: left;

clear: both;

width: 100%;

background: url(../images/box-br.gif) no-repeat bottom right;
</blockquote>

I changed <blockquote> margin-bottom: 15px;</blockquote> to <blockquote> margin-bottom: 0px;</blockquote>

Is this a bad hack that will have other consequences? I have to look around. Is there a better way to fix this that won’t affect other pages on the site?

Thanks so much.

[jbrowdy Friend jbrowdyJoin date: April 2006Posts: 91Downloads:0Uploads:2]

#215581

Sorry for all the posting- I just answered my above question- all modules are now too close.

How can I take away that white line without affecting all modules? I though the bg image might play a role?

Can you please make this “not solved” so that others will look?

Thanks!

[ShannonN Friend ShannonNJoin date: July 2006Posts: 1947Downloads:0Uploads:9 Thanks: 16 Thanked: 172 times in 49 posts]

#215586

jbrowdy;9588Shannon,
Thanks for looking, but I am not sure you see what I am talking about- it’s not the dashed line (the that is intented)- rather it’s the white strip just above the bottom of the content area (the background bleads through).

I’ll try your suggestion, but I think we are talking about two different things.

I’m talking about the white bar that appears at the bottom of the page looks like an additional page without content has been added to the site?

[Michael Casha Friend Michael CashaJoin date: September 2014Posts: 2561Downloads:1Uploads:32 Thanks: 41 Thanked: 119 times in 1 posts]

#215593

<em>@jbrowdy 9591 wrote:</em><blockquote>Sorry for all the posting- I just answered my above question- all modules are now too close.

How can I take away that white line without affecting all modules? I though the bg image might play a role?

Can you please make this “not solved” so that others will look?

Thanks!</blockquote>
I’ve removed the solved status for you.

[jbrowdy Friend jbrowdyJoin date: April 2006Posts: 91Downloads:0Uploads:2]

#215603

Thanks for removing solved status. Sorry Shannon- I think you are right about your assumptions. The way I see it, you have one element (the module) pushing on another element (the content area or something). If you remove padding from module, it fixes the problem- but it makes all other modules look bad.

I wonder if the element being pushed down (content?) can be manipulated?

Does this make sense?

Any advice from developers?

[jbrowdy Friend jbrowdyJoin date: April 2006Posts: 91Downloads:0Uploads:2]

#215604

Well, I found the offending code. In the CSS file notice the following:
<blockquote>/* CONTENT COLUMN

——————————————————— */

#ja-mainbody, #ja-mainbody-fl, #ja-mainbody-fr, #ja-mainbody-f {

padding-bottom: 20px;

/* border-bottom: 3px solid #E1E1E1; */

}</blockquote>

I commented out <blockquote>/* border-bottom: 3px solid #E1E1E1; */</blockquote> and it fixed the problem. The 3 pixel border at the bottom of all these divisions was causing a line to cut across my content area.

The upshot is that it takes away the 3 px border at the bottom of the page. Not too damaging, if you are not using the user 7, user 8, user 9 and user 10 modules. But, if you are, I imageine this will screw up your template- pushing those modules right up against the content area.

I think this is an official bug. Any developers willing to help with this? Perhaps that three pixel border can be added to the top of the above modules instead of the bottom of the mainbody areas?

Help?

[jbrowdy Friend jbrowdyJoin date: April 2006Posts: 91Downloads:0Uploads:2]

#215606

Confirmed: taking the above 3px out makes the space between the maincontent and the user 7-9 closer together. Not a huge deal, but this horizontal “space” is no longer symmetric with the vertical “space” between user 9 and user 10.

Can a develeper please look at this and see if there is a way to preserve the intended look without causing the horizontal line?

See the images for examples:

---

Attachments:

1. 
2. 

[Michael Casha Friend Michael CashaJoin date: September 2014Posts: 2561Downloads:1Uploads:32 Thanks: 41 Thanked: 119 times in 1 posts]

#215608

So is this now resolved? I don’t think this is a bug, this is merely an isolated case unless it’s occurred to someone else?

[Author]

Posts