Firefox Problems...in header and footer particularly

For discussion and questions related to CMS Specific templates and stylesheets (CSS), and themes. or layout issues. This is not a place for generic "I don't know CSS issues"
a1000w
Forum Members
Forum Members
Posts: 18
Joined: Tue Dec 28, 2010 9:23 pm

Firefox Problems...in header and footer particularly

Post by a1000w »

Temporary site at http://t3ch-2-sp3c.com/CMSSimple/

Using CMSMadeSimple 1.9.1 .... browsing in both Explorer8  and Firefox 3.6.13. Using Layout: Left sidebar+1column.

Problems:
Have assigned a graphic to the header
      /* header, we will hide h1 a text and replace it with an image, we assign a height for it so the image wont cut off */
div#header {
/* adjust according your image size */
width: 1000px;
                height: 146px;
margin: 0 0 20 0;
padding: 0;

/* you can set your own image here, will go behind h1 a image */
background: #ffffff url([[root_url]]/uploads/images/header_01-over/jpg) repeat-x left top; float: left;

....but it does not display, for some reason. (I tried it on an older version of Explorer and it does display. Weird)


Footer not spaced correctly
For some reason, the footer is not displaying correctly at the bottom of the page. It is displaying mid-way through the page.

div.footback {
/* keep footer below content and menu */
clear: both;
/* this sets 10px on right to let the right image show, the balance 10px left on next div */
padding: 0px 10px 0px 0px;
/* you can set your own image here */
background: url([[root_url]]/uploads/ngrey/wfootrt.gif) no-repeat right top;
}
div#footer {
/* this sets 10px on left to balance 10px right on last div */
padding: 0px 0px 0px 10px;
/* color of text, the link color is set below */
color: #595959;
/* you can set your own image here */
background: url([[root_url]]/uploads/ngrey/wtopleft.gif) no-repeat left top;
}
div.leftfoot {
float: left;
width: 30%;
margin-left: 20px
}


Adding Flash
Added a Flash movie to the home page.... plays fine on Explorer... not at all on Firefox.










I'm very experienced with HTML and CSS, somewhat with Joomla, just learning CMSMS. Would appreciate any help possible!! This is driving me crazy!

Thank you.
Last edited by a1000w on Thu Jan 13, 2011 4:08 pm, edited 3 times in total.
User avatar
M@rtijn
Power Poster
Power Poster
Posts: 706
Joined: Sat Nov 14, 2009 4:54 pm

Re: Firefox Problems... in header and footer particularly

Post by M@rtijn »

Regarding 1st problem:
background: #ffffff url([[root_url]]/uploads/images/header_01-over/jpg
should ofcourse be
header_01-over.jpg
Let's assume you've been looking at it for so long you did not notice it  :D

That image is not wide enough for your header, so it is repeated, do you really want that?

EDIT:
Do you think it's fair to claim this design as one made by A1000Words? Since it is the standard CMSMS 'out of the box' template.

EDIT2:
For somebody 'very experienced with HTML and CSS', you actually use a very small amount of CSS. Those inline styles and tables are very 1999  :D
Last edited by Anonymous on Wed Dec 29, 2010 7:52 pm, edited 1 time in total.
Make your community a better place!
a1000w
Forum Members
Forum Members
Posts: 18
Joined: Tue Dec 28, 2010 9:23 pm

Re: Firefox Problems... in header and footer particularly

Post by a1000w »

M@rtijn wrote:Regarding 1st problem:
background: #ffffff url([[root_url]]/uploads/images/header_01-over/jpg
should ofcourse be
header_01-over.jpg
Let's assume you've been looking at it for so long you did not notice it  :D

That image is not wide enough for your header, so it is repeated, do you really want that?

EDIT:
Do you think it's fair to claim this design as one made by A1000Words? Since it is the standard CMSMS 'out of the box' template.

EDIT2:
For somebody 'very experienced with HTML and CSS', you actually use a very small amount of CSS. Those inline styles and tables are very 1999  :D
While I appreciate your assistance, the rather snide remarks aren't welcome. maybe 1999.... but am working from an old website... and trying to understand CMS. Please be nicer!
User avatar
M@rtijn
Power Poster
Power Poster
Posts: 706
Joined: Sat Nov 14, 2009 4:54 pm

Re: Firefox Problems... in header and footer particularly

Post by M@rtijn »

You are right: it was not really nice from me to say that.

But on the other hand, when you say you are an expert and yet you still use those really old technique's, it's a bit contradicting, isn't it?
I'm not trying to be unfriendly, i just thought it was a funny detail O0

Did you manage to get the header working?
a1000w
Forum Members
Forum Members
Posts: 18
Joined: Tue Dec 28, 2010 9:23 pm

Re: Firefox Problems... in header and footer particularly

Post by a1000w »

Yes, thank you. Just still fooling around with the footer on the home page. Can't get it positioned at the bottom of the page. May be that I messed up the css.
a1000w
Forum Members
Forum Members
Posts: 18
Joined: Tue Dec 28, 2010 9:23 pm

Re: Firefox Problems... in header and footer particularly

Post by a1000w »

Really screwed it up now.... I "fixed" the top of the home page in the index.php, reloaded it, and it worked, but now none of the links on the left side work. Maybe I should give up.
a1000w
Forum Members
Forum Members
Posts: 18
Joined: Tue Dec 28, 2010 9:23 pm

Re: Firefox Problems... in header and footer particularly

Post by a1000w »

Any possibility someone could help me find out why the menu links no longer work....and how to fix them? (see prior post) Driving me nuts!
a1000w
Forum Members
Forum Members
Posts: 18
Joined: Tue Dec 28, 2010 9:23 pm

Re: Firefox Problems... in header and footer particularly

Post by a1000w »

Dr.CSS wrote:Your content is going up under everything else because you are using this...
Sorry, I don't understand your answer. "using this" refers to what, please? Really need to understand what I need to do to fix the footer problem.... HELP!
fredp
Forum Members
Forum Members
Posts: 218
Joined: Sun Jul 27, 2008 1:36 am

Re: Firefox Problems... in header and footer particularly

Post by fredp »

Hi,

I just had a quick look at your page with firefox+firebug. If you still haven't found a solution, you might try removing the absolute positioning from the following <div> and see if that helps:

Code: Select all

...
<div style="position: absolute;">
<table cellspacing="12" align="left" width="580">
...
Hope this helps,
Fred P.
Nearly all men can stand adversity, but if you want to test a man's character, give him power.
- Abraham Lincoln
a1000w
Forum Members
Forum Members
Posts: 18
Joined: Tue Dec 28, 2010 9:23 pm

Re: Firefox Problems... in header and footer particularly

Post by a1000w »

fredp wrote:Hi,

I just had a quick look at your page with firefox+firebug. If you still haven't found a solution, you might try removing the absolute positioning from the following <div> and see if that helps:

Code: Select all

...
<div style="position: absolute;">
<table cellspacing="12" align="left" width="580">
...
Hope this helps,
Fred P.
Tried that, and yes, it made the footer position itself correctly.... horwever, the page text now begins "below" the news box.....
User avatar
Dr.CSS
Moderator
Moderator
Posts: 12711
Joined: Thu Mar 09, 2006 5:32 am

Re: Firefox Problems... in header and footer particularly

Post by Dr.CSS »

You can remove the table with out hurting your layout and it may well help the main text move up, if this was your own design and it was table based I could understand you wanting to use tables but to put them in the content that is already laid out (positioned) in context of all the rest of the site I don't understand...
a1000w
Forum Members
Forum Members
Posts: 18
Joined: Tue Dec 28, 2010 9:23 pm

Re: Firefox Problems... in header and footer particularly

Post by a1000w »

Dr.CSS wrote:You can remove the table with out hurting your layout and it may well help the main text move up, if this was your own design and it was table based I could understand you wanting to use tables but to put them in the content that is already laid out (positioned) in context of all the rest of the site I don't understand...

Of course... feel pretty stupid! Works fine. Thanks.

Last problem.... don't understand why the links in the menu don't work. They did, before I reloaded the index.php.

Appreciat your assistance in understanding all this!
User avatar
Dr.CSS
Moderator
Moderator
Posts: 12711
Joined: Thu Mar 09, 2006 5:32 am

Re: Firefox Problems... in header and footer particularly

Post by Dr.CSS »

It looks like you have the same content on every page, the links work as far as changing the URL in address bar, but I think the problem you are having is that you should never ever change anything in the root/index.php it is for pulling everything in the site together not to be changed like a flat file site where you may change index.html or contact.html...

This is done in the site.com/admin side in content > pages, your template needs to have {content} tag in it that will give you a content edit page in the edit page page...

Also your call for the image in the h1 a link is not correct, actually more than one image call is incorrect, look at how the others that do show are called, path wise...

BTW. you have CMSSimple, in case you didn't know there is actually a CMS called CMSSimple and this isn't it...
a1000w
Forum Members
Forum Members
Posts: 18
Joined: Tue Dec 28, 2010 9:23 pm

Re: Firefox Problems... in header and footer particularly

Post by a1000w »

Dr.CSS wrote:It looks like you have the same content on every page, the links work as far as changing the URL in address bar, but I think the problem you are having is that you should never ever change anything in the root/index.php it is for pulling everything in the site together not to be changed like a flat file site where you may change index.html or contact.html...

This is done in the site.com/admin side in content > pages, your template needs to have {content} tag in it that will give you a content edit page in the edit page page...

Also your call for the image in the h1 a link is not correct, actually more than one image call is incorrect, look at how the others that do show are called, path wise...

BTW. you have CMSSimple, in case you didn't know there is actually a CMS called CMSSimple and this isn't it...

Thank you. So... I made the mistake of making changes in the root/index.php. I now understand that. From where can I reload the index.php? (The server on which I am using this had loaded the original files. I can probably go back to them?)

I appreciate your patience.
User avatar
Dr.CSS
Moderator
Moderator
Posts: 12711
Joined: Thu Mar 09, 2006 5:32 am

Re: Firefox Problems... in header and footer particularly

Post by Dr.CSS »

Depends but I have a folder on my computer with unpacked cmsms latest version, FTP the index.php to site or use your cPanel type file manager to upload fresh copy of it, index.php should be the only thing you need to fix this...
Post Reply

Return to “Layout and Design (CSS & HTML)”