hi,
The banner show in my site looks OK in IE 6, but when viewed in Firefox things start to go wrong.

The banner is fine in IE6 when viewed on my PC with 17´monitor but when viewed on a laptop (15´inch)  and a monitor with 19 inch it only stretches 75% across.

I have tried to play around with width size and other things but to no avail.

Any help in this matter would be greatly appreciated.
link to site is http://www.webfactory365.com

Thanks

Richard

is there any specific reason as to why you chose to use tables for this layout?

right off the bat I noticed this:

http://www.webfactory365.com/templates/fjoomla_red_shop/images/banner_out_bg.jpg

Object not found!

The requested URL was not found on this server. If you entered the URL manually please check your spelling and try again.

If you think this is a server error, please contact the webmaster.
Error 404
http://www.webfactory365.com
Tue Jan 22 14:26:04 2008
Apache/2.0.54 (Debian GNU/Linux) mod_auth_pgsql/2.0.2b1 mod_ssl/2.0.54 OpenSSL/0.9.7e

thanks for you reply.
the site is from a template specifically made to suit joomla! layout.  However, i do believe now that it is easier to get hold of more friendly css templates which are not so reliant on table layout structure.

yeah, I would try and steer clear from any table based layouts especially when using templates. they are usually annoying enough to go through someone else’s code, let alone a jumble of tables.

did you get it working? that background image link was dead.

yeah you are sure right there! 
in the end the problem was fixed (just needed to delete the height property of the banner and add overflow: hidden;   

I believe you got that message because i am only temporarily hosting the site on this server,  so i have not setup certain configurations Joomla! requires for full functionality.

I am though still experiencing a problem in that i can view the “Banner show” at the top of the page fine at screen resolutions 800x600 and 1024x768   (i.e it stretches 100% across the screen)  but at other resolutions such as 1280x720 the banner only stretches 75% across the screen. I thought when i adjusted the width to 100% it would have solved it but unfortunately this was not he case.

anyway thanks for your replies.

cheers

Richard

that is because you have it floating right. use margin: 0 auto; to get it centered to the page.

hi, thanks again for your reply. I did try what you suggested but still the banner does not stretch all the way across when viewed on other screen resolutions.  Furthermore, having made the change the page looks bad when viewed in Firefox.  In IE6 and IE7 it´s ok, but in Firefox all the borders have collapsed and the all the links on the left and right hand side have bunched together.  I have tried to fix the problem and even when i upload the original file it does not revert to how it was.

I really do not have a clue what i have done!  Any help would be appreciated.

Thanks

Richard

This is what you should have for #banner

thx, edited code but still the banner does not stretch across length of page with other rscreen resolutions. not to worry, i think it has something to do with the image ahow banner i am using for joomla.

Another challenge i am faced with now though is that i have lost all my border tables.  I was told to get rid of the following line : <?xml version=“1.0”?>

as only modern browsers know what to do with this while IE goes into quirks mode.

As soon as i got rid of this, IE 6 was showing the same as FF (i.e the borders around my main menu, Tac Room Members area and Tac Room E-shop have collapsed.

no changes have been made to the following code which is the main menu/Tac room members area and Tac Room E-shop.

** Main Menu and Tac Room members area
#left_out {
  width: 182px;
  float: left;
  padding: 5px 5px 0px 16px;
}

**Tac Room E-shop
#right_out {
  width: 182px;
  float: right;
  padding: 5px 16px 0px 5px;
}

It´s as the following css has been ignored. ?  I have attached the moduletable_bg.png file to show you what it should look like above each heading.

#left_out .moduletable, #right_out .moduletable {
  background-image: url(../images/moduletable_bg.png);
  background-position: bottom;
  background-repeat: no-repeat;
  margin-bottom: 10px;
  padding: 0px 0px 10px 0px;
  width: 182px;

Once again, any help would be appreciated. 

Regards

Richard

The flash banner will not scale because it is given a width.

You seem to be very lost in a sea of tables and code.

I suggest you just make your own template at this point that you understand better. This is the main problem when editing someone else’s templates.