Firefox background issue

[Mobsta]

Hey guys...my test site is at www.halidji.com/new_shop and currently the website looks fine with IE6 but if I view it with firefox I the background colour of the middle of the site cuts out too quickly...

Can someone have a look and let me know how to fix it?

[kobra]

Couple of things:

You have ZenCart 1.3.x and are using the classic template and that will limit you now and in the future, Search for stylesheet.original and stylesheetn.new here for more depth on the reasons that this is not recommended.

I would convert to a template_default based layout and then move forward from there. As it is just a template and it does not appear that you have altered your site too much at this point it should be a simple conversion. Just follow the instructions with the template.. There are a few in the downloads section under templates.

If you do this you should not have this problem.

[Mobsta]

Ok i just put on the default theme file but it looks terrible...is it supposed to look like it is now? www.halidji.com/new_shop

[kuroi]

Ok i just put on the default theme file but it looks terrible...is it supposed to look like it is now? www.halidji.com/new_shop

Yes. But it can be changed very easily, just by modifying the stylesheet. for an example of this, take a look at the future Zen template, that completely transforms it with just a few changes to the stylesheet and a handful of images.

[businesstoweb]

The background issue with <div> containers is present in firefox because it does not increase the size of the div unless it contains some content.

I.e.

<div id="wrapper">
<div class="content">
<p>content here</p>
</div>
</div>

Its a basic example, and in this case ffox should make the bg extend to the bottom. But in the case it does not, use this code here.

<br style="clear:both" />

I.e.

<div id="wrapper">
<div class="content">
<p>content here</p>
</div>
<br style="clear:both" />
</div>

Usually the BG problem with ffox starts when floats are involved, hence the clear: both class.

Hope this helps...