Joomla Templates Club 406,261 posts

[stewarttodd Friend stewarttoddJoin date: March 2008Posts: 43Downloads:0Uploads:6 Thanks: 10]

#131414

Attached are two screenshots of our home page – one in IE and one in Firefox.

Note the circled red space in the firefox screenshot.

Any thoughts on how to prevent this from happening? How wide should the image be in the slideshow to prevent this?

Any thoughts are greatly appreciated!

st

---

Attachments:

1. 
2. 

[Sherlock Friend SherlockJoin date: September 2014Posts: 11453Downloads:0Uploads:88 Thanks: 221 Thanked: 2478 times in 2162 posts]

#262667

Hi stewarttodd !
Please send url of your site.

[stewarttodd Friend stewarttoddJoin date: March 2008Posts: 43Downloads:0Uploads:6 Thanks: 10]

#262729

Sorry!!

http://74.54.218.226/~gilmore/

[Sherlock Friend SherlockJoin date: September 2014Posts: 11453Downloads:0Uploads:88 Thanks: 221 Thanked: 2478 times in 2162 posts]

#262783

Hi stewarttodd !
length in IE and FF have some diffirence so it causes the problem . Please send admin account of your site . i will check it for you.

[Sherlock Friend SherlockJoin date: September 2014Posts: 11453Downloads:0Uploads:88 Thanks: 221 Thanked: 2478 times in 2162 posts]

#262798

Hi !
You open template.css file in templates/ja_edenite/css folder , find following code section at about line 895 :


#ja-topsl {
height:200px;
margin:0 0 10px;
overflow:hidden;
width:98%;
}


change to :


#ja-topsl {
height:200px;
margin:0 0 10px;
overflow:hidden;
width:100%;
}


1 user says Thank You to Sherlock for this useful post

1. stewarttodd

[stewarttodd Friend stewarttoddJoin date: March 2008Posts: 43Downloads:0Uploads:6 Thanks: 10]

#263117

One other issue.

I created images that were 760px x 240 px

I changed the code referenced above from:

#ja-topsl {
height:200px;
margin:0 0 10px;
overflow:hidden;
width:98%;
}

to

#ja-topsl {
height:240px;
margin:0 0 10px;
overflow:hidden;
width:100%;
}

However, it is still cutting off the lower part of the banners. If you look at the home page, the text on each rotating banner is actually centered vertically on the 760 x 240 graphic, but it appears very low on the graphic when it is displayed on the home page.

It looks like some of the bottom of the graphic is being cut off.

[Sherlock Friend SherlockJoin date: September 2014Posts: 11453Downloads:0Uploads:88 Thanks: 221 Thanked: 2478 times in 2162 posts]

#263150

Hi !
You open template.css file in templates/ja_edenite/css folder , find following code section at about line 895 :


#ja-topsl {
height:240px;
margin:0 0 10px;
overflow:hidden;
width:100%;
}


change to :


#ja-topsl {
overflow:hidden;
width:100%;
}


[stewarttodd Friend stewarttoddJoin date: March 2008Posts: 43Downloads:0Uploads:6 Thanks: 10]

#263215

Thanks for the response.

The code change didn’t seem to do anything. I tried clearing the cache on my browser, but I can’t see any changes to the banners.

While the graphics are 760×240, I did a screen shot to measure the actual displayed size, and the banners are being displayed at (approx) 756 x 210, so it’s still cutting off the bottom 30 pixels.

Any other thoughts?

[Sherlock Friend SherlockJoin date: September 2014Posts: 11453Downloads:0Uploads:88 Thanks: 221 Thanked: 2478 times in 2162 posts]

#263321

Hi stewarttodd !
obove code is remove space bettween slideshow and content . Please send screenshot , i want to know exactly the problem.

[stewarttodd Friend stewarttoddJoin date: March 2008Posts: 43Downloads:0Uploads:6 Thanks: 10]

#263441

I found my answer in this thread:

http://www.joomlart.com/forums/topic/why-is-topsl-at-98/

IE6 apparently doesn’t like width = 100%, but needs width at 98% to accomodate padding(?)

Regardless, I’ve set to 98% wide and will just live with the slight spaces on the right in other browsers

[Sherlock Friend SherlockJoin date: September 2014Posts: 11453Downloads:0Uploads:88 Thanks: 221 Thanked: 2478 times in 2162 posts]

#263664

Ok stewarttodd !
I will mark this thread to “solved”

[Author]

Posts