Joomla Templates Club 406,261 posts

[nathans Friend nathansJoin date: July 2006Posts: 7Downloads:0Uploads:0]

#117494

Hello,

IE7 seems to be messing up the formatting of the JA Shopping II template that I’m using for my site, mainly the footer of the site is formatted incorrectly in IE7, any suggestions on how to correct this issue?

My site is:

http://www.tailgatedirect.com

Thanks

[tonydel Friend tonydelJoin date: September 2006Posts: 63Downloads:0Uploads:3]

#211330

Same problem on mine.. It appears to compress the footer to about 15 characters wide and then just runs down the page..

[tonydel Friend tonydelJoin date: September 2006Posts: 63Downloads:0Uploads:3]

#211334

Ok, a quick, dirty fix for me was to edit the css for the template and find the “ja-footer” section. I added a width of 97% and it got it close to the right but any higher and it went over the edge.

Probably not a good fix but I figure it’s a temporary one that at least makes it look better than one long column.

[nathans Friend nathansJoin date: July 2006Posts: 7Downloads:0Uploads:0]

#211346

Tony,
Thanks that did fix the issue. Looks alot better.

Also do you have any ideas on why now viewing in IE7 my product list images overlap the Item title by just about 1/8″ or so.

Here is the link so you can see what I mean.

Any ideas on this, have you ran into this issue?

Thanks, Nate

[tonydel Friend tonydelJoin date: September 2006Posts: 63Downloads:0Uploads:3]

#211347

tonydel wrote:

Tony,
Thanks that did fix the issue. Looks alot better.

Also do you have any ideas on why now viewing in IE7 my product list images overlap the Item title by just about 1/8″ or so.

Here is the link so you can see what I mean.

Any ideas on this, have you ran into this issue?
</blockquote>

Oh yea, I think IE7 is going to keep people busy for a little while.. 😉

What I just did was:

In the : /administrator/components/com_virtuemart/html/templates/browse/browse_1.php

<div>
<h3><a style="font-size: 16px; font-weight: bold; padding-left:5px;" title="{product_name}" href="{product_flypage}">
{product_name}</a>
</h3>

<div style="float:left;width:78%;padding-left:5px;">
{product_s_desc} 
<a href="{product_flypage}" title="{product_details...}">{product_details...}...</a>
</div>
<br style="clear:both" />
<div style="float:left;width:30%;">
{product_price}
</div>
<div style="float:left;width:30%;text-align:center">
{form_addtocart}
</div>
<div style="float:left;width:30%;">
{product_rating}
</div>
</div>

Basically in the header I added a little padding to the left and then on the description I added some padding to the text also. The reason I reduced the width from 80 – 78% was if I didn’t the description went under the image justified left. I figured that might make the page too long but you may find you like it that way.

I hadn’t noticed that until you mentioned it so thank you for bringing that up…

[nathans Friend nathansJoin date: July 2006Posts: 7Downloads:0Uploads:0]

#211373

Tony, that fixed the problem. Again thanks for the help. I feel I owe ya something. Gotta love the forums.

-Nathan

[Author]

Posts