Joomla Templates Club 406,261 posts

[IqaluitOnline Friend IqaluitOnlineJoin date: July 2006Posts: 15Downloads:0Uploads:0]

#117730

All the computers I have access to have IE 6 SP2, and I have also tested with FF 1.0.5.8

With IE6SP2, a number of pages have this weird effect where they “add” the last 2 (sometimes 4) veiwable charcters to the end of the page. The interesting fact is that these characters do not display in the sources, only the rendered page.

One example, is a page you dont have permissions to. In FF it looks normal, but with IE the last 2 characters are from the sentance “You need to login.”. These are the letter n and a period “.”. and they seam to be repeated on the next line. Again, these characters can not be found in the source. See this URL for an example: http://www.iqaluitonline.com/index.php?option=com_alphacontent&Itemid=189&alpha=a

I’d appreciate feedback from people with different browsers and OS’s. Does it look normal, or do you see the extra “n.”

Any tips what I can do to resolve this?

Curtis

[cssyeah Moderator cssyeahJoin date: June 2006Posts: 653Downloads:73Uploads:15 Thanked: 121 times in 81 posts]

#211876

Hi IqaluitOnline,

In file template_css.css of this template, you find this section code:


#ja-content-full-right {
margin: 0;
width: 598px;
padding: 10px 0 0 15px;
float: right;
}


You replace line: float: right; –> float: left;

I hope you will succeed !

[gs9097 Friend gs9097Join date: October 2006Posts: 16Downloads:0Uploads:1]

#211903

view source code and you should see what class of css affected part calls for:

for example, I got affected on a main page in right column, so in css, under #ja-rightcol i change my code to look like this:

#ja-rightcol {
width: 147px; // <-- width is changed - original -3px
margin-right: -3px; // <-- added line
float: right;
padding: 10px 0px 15px 0px;
overflow: hidden;
}


further wide version has diff. specs – width must be changed also (original -3px), and same margin line added added.

– the popular place this template is affected is at #ja-content-full-right:


/* 2 column content width */
#ja-content-full-right {
margin: 0;
margin-right: -3px; // <-- added line(same for wide css)
width: 595px; // <-- -3px (same fore wide css)
padding: 10px 0 0 15px;
float: right;


[IqaluitOnline Friend IqaluitOnlineJoin date: July 2006Posts: 15Downloads:0Uploads:0]

#211929

trungch’s solution fixed the specific problem I mentioned. I was having simular problem with the right menu of one of my components, but before I read gs9097’s responce I had figured out that the main body component was a few pixels too large. Since this was configurable, I made it a bit smaller and it all works.

I will keep gs9097’s post in mind in case of future problems.

[gs9097 Friend gs9097Join date: October 2006Posts: 16Downloads:0Uploads:1]

#211971

u will still enconter this problem in IE check all pages, because what u described is caused by IE’s 3px bumper margin

even though u corrected one problem with float solution, check you pages, because it may arise again

best,
Steve

[Author]

Posts