Hi, me again

I've noticed that a few issues are occurring in IE the main one being that even if my template is set to fixed for the background it still scrolls.

I've set the url of the image in the fixed.css stylesheet and also in the scrolling.css stylesheet just in case but it just zips about whenever a new module is navigated to.

I was initially working on Firefox/Mac so have just spotted this.

O

I thought I would post an update to this.

I discovered that I had incorrectly added the background image style to template_css.css which I have now removed and made sure that my background image path is set correctly in fixed.css

However, once that was done I had no background at all in any browser.

After a few checks it looked like fixed.css wasn't actually being called by index.php so I changed the tag to:

Code:

<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/css/fixed.css" type="text/css" />

Which has got my background image visible but it now seems to be fixed to the top left of div#outer_wrap instead of div#scroll-wrapper Anthony, I know you must be very busy but if you get a chance to have a look at my url http://79.170.40.181/revolvart.com/ I'd really appreciate it. Cheers, Ollie

Hey Ollie,

I uploaded a fix for that issue just a few days ago. I think that you must have downloaded before the update. I cant see why the image is being fixed like that. Do you mind updating the template to the latest version and checking it out then?

Cheers Anthony

Hi Anthony,

I uploaded the new template but it's made no positive difference.

Sorry to question you but are you sure that you've uploaded the new version as I noticed that the style="xhtml" fix isn't present in index.php

O

Hey Ollie,

No problem at all ... seems it was my error - not really sure what the reason for it was - but the correct file is up there now.

Apologies Anthony

Hi Anthony,

Sorry to put a dampner on your Monday morning but I've now completely uninstalled and reinstalled the template and still have problems.

Firstly I've spotted that the fixed/scrolling stylesheets still aren't being called.

I know nothing about PHP but it seems that:

Code:

<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/css/<?php echo $background ?>.css" type="text/css" />

is calling Fixed.css / Scrolling.css rather than fixed.css / scrolling.css (all lower case). I'm not sure about other browsers as I haven't checked but certainly this means that Firefox 2/ Mac can't find the stylesheet. Anyway, I can work around that by changing the code to:

Code:

<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template ?>/css/fixed.css" type="text/css" />

or of course changing the names of the .css files. The main issue is still this scrolling thing. Maybe I have the wrong idea about what should actually be happening. This is what I expected/hoped would happen: I have a large photograph to use for the background of div#scroll-wrapper. This photo should fill that div so that the top left corner of the photo is in the same position as the top left corner of div#scroll-wrapper. However what is happening is that the photo is fixed to the top left corner of div#outer_wrap so that most of it is not visible within #scroll-wrapper. I guess this effect would actually work well with a repeated pattern background image so I'm now wondering if it's supposed to do that anyway and I ought to be modifying the template to suit my needs? Cheers, Ollie

Hi Ollie,

You havent put a dampner on my morning - its evening here now Just Kidding.

Can you put in a support ticket and Ill take a look at it. JUst include some ftp details and Joomla super admin details. You've got the concept right so Im not sure why the image isnt being picked up properly.

Cheers Anthony

Hi Ollie,

Its all sorted. I just used a px offset for the bg position. Not absolutelt sure why I need to but at least it works

Anthony.

Great, thanks for looking at it.

Are you going to upload a new version to the downloads area?

O

Sorry, just realised I gave you my site details so you've made the changes on it already.

Unfortunately it still doesn't work as that offest is just positioning it away from the main body area, not the scroll area. If you resize the window the image stays put.

I think I may have to rethink what I'm going to do here. Maybe I'll resize the image so it's the same size as the scroller window, use scrolling.css and just accept that it will scroll out of view when the next module is loaded.

If I can work out a way to fix the fixed issue though I'll post the solution.

Cheers,

Ollie

I've found that setting the background of #container as having the photo bg almost does the job but I'm having problems keeping the image within the border of the scroller window. There seems to be a margin or padding somewhere that I can't figure out which is making the background sit higher than the container.

Assuming I can get the background to sit properly I can then make a new div for the logo and position it absolutely, with a higher z-index if I want to lay it over the top of the site.

Anthony, I don't know if you're prepared to have a look at the template with a view to reworking it with the container div being the background 'holder'? I guess it may be a lot of work for a relatively old template.

If I do manage to 'fix' it I'll et you know.

Ollie

Hi Ollie,

Let me take another look.

I did have some issues when I built this template but the demo works and I managed to get around the ie6 issues.

Cheers Anthony

Let me know if its safe to go in there.

It's safe!

I have messed about with the files though. Feel free to reinstall the template if it's easier for you.

Hi Ollie,

Its all fixed up. I had to do some dirty hacking as you can see in the fixed.css stylesheet. Its a pretty weird error. Ill have to do some more work on it locally to see whats causing it. But for now it all looks the goods on your site.

Thanks Anthony.

Sorry Anthony, it's not happening for me.

I'm seeing the changes you've made but that background is still staying put!

I'm testing it on FF2 Mac and IE7 PC

Hmm I must have misunderstood ... I thought that was the idea

Sure, the idea was to keep the background in one place when the scrolling happens but if you resize the browser window the background becomes out of line with the scroller area.

It looks like the background is locked to the top and side of the browser window rather than the scroller area.

Hopefully you can see what I mean by the 2 attached screenshots.

Sorry images here

and here