The footer shows up on some pages but not on every page..
here is a link to a page it doesn't show up on:
http://cairnsunlimited.com/links.htm
here is the footer code i put on the page:
Code:
<div id="testfooter"><img src="images/foot1.gif" width="920" border="0"><DIV id="footer"> - <a href="sitemap.htm">SITE MAP</a> - <a href="about_us.htm">ABOUT US</a> - <a href="contact_us.htm">CONTACT US</a> - <a href="privacy_policy.htm">PRIVACY POLICY</a> - <a href="advertise.htm">ADVERTISE ON CAIRNS UNLIMITED</a> - <a href="travelinsurance.htm">TRAVEL INSURANCE</a> - <a href="hire/index.htm">HOLIDAY EQUIPMENT HIRE</a> -</DIV>
<img src="images/foot.gif" width="920" height="19" border="0"></div>
& here is the entire CSS:
Code:
body { background:#CCCC99 url('background5.gif') repeat-y fixed center 50%; margin:0px; padding:0px; text-align: center; z-index: 1 }
#content { position: relative; top: 0px; left: 0px; width: 943px; height: 50%; margin: 0px auto; text-align: justify; padding: 0px; color:#06A2B9; background-image: url('background4.gif'); background-attachment: not-fixed; background-repeat: no-repeat; font-style:normal; font-variant:normal; font-weight:normal; font-size:12px; font-family:arial; z-index: 2; overflow: visible; background-position-y:50%}
#testfooter { position: relative; top: 0px; left: 0px; margin-left: -26px; margin-right: -220px; width: 920px; height: 19px; overflow: visible; }
#footer { margin-left: 18px; width: 884px; background-color: #06A2B9; color: #ffffff; font: bold 11px tahoma; text-align: center; padding-top: 5px; z-index: 8; }
#footer a { color : #ffffff;}
#footer a:hover {color : #131756;}
#logo { /* cairnsunlimited logo */ position: absolute; top: 21px; left: 38px; z-index: 10; }
#titletext { /* title text */ position: absolute; top: 16px; left: 187px; width: 525px; font-family: 'Spumoni LP', Times, serif; font-size: 36px; font-weight: 300; color: #FFFFFF; text-align: right; z-index: 9; }
@font-face { font-family: 'Spumoni LP'; font-style: normal; font-weight: normal; src: url(SPUMONI0.eot); }
#intro { /* first introductory sentences */ position: absolute; top: 52px; left: 192px; width: 520px; color: #FFFFFF; font: bold 12px tahoma; text-align: justify; z-index: 9; padding-left: 2px; }
#tabs { position: absolute; top: 129px; left: 188px;}
#boxes { /* AROUND ALL BOXES*/ clear: left; position: absolute; left: 34px; top: 209px; width: 686px; z-index: 4; overflow: visible; }
#directions { /* directions */ clear: left; position: absolute; left: 35px; top: 172px; width: 686px; height: 31px; border: 1px solid #131756; background-color: #FFFFFF; font: 11px arial; color: #3300CC; z-index: 8; text-align: justify; padding: 1px 2px 0px 2px; }
#mediumfirst { /* first main paragraph */ clear: left; position: absolute; left: 35px; top: 205px; width: 686px; height: 432px; border: 1px solid orange; background-color: #FFFFFE; font: 12px arial; color: #000000; z-index: 8; text-align: justify; padding: 1px 2px 0px 2px; margin: 5px 5px 0px 0px; overflow: auto; }
#endlessfirst { /* endless first main paragraph tested on TRAVEL INSURANCE page */ position: absolute; left: 35px; top: 201px; width: 686px; border: 1px solid orange; border-bottom: 0px; background-color: #FFFFFE; font: normal 12px arial; color: #000000; z-index: 8; text-align: justify; padding: 1px 2px 0px 2px; margin: 5px 5px 0px 0px; overflow: visible; }
#endlesssecond { /* second main paragraph- endless */ position: absolute; left: 35px; top: 644px; width: 686px; border-color: orange; border: 1px solid orange; background-color: #FFFFFE; font: 12px arial; color: #000000; z-index: 8; text-align: justify; padding: 1px 2px 0px 2px; margin: 5px 5px 0px 0px; overflow: visible;}
#third { /* third paragraph in central column- NON scrolling */ position: absolute; left: 35px; top: 890px; width: 876px; border: 1px solid #003C77; background-color: #FFFFFF; font: 12px arial; color: #000000; z-index: 8; text-align: justify; padding: 1px 2px 0px 2px; margin-top: 5px; }
#ad1 { /* advertising space above right column */ position: absolute; top: 22px; left: 726px; width: 185px;}
#rightcolumn { /* images in right hand column */ position: absolute; top: 172px; left: 721px; width: 193px; background-color: transparent; padding: 0px 3px 10px 3px; z-index: 5; color: #FFFFFF; text-decoration: none; font: normal 12px arial; text-align: center; overflow: hidden; }
#box { /* FIRST BOX*/ width: 225px; height: 220px; border: 1px solid #FFFFFF; background-color: #FFFFFF; font: 12px arial; color: #000000; line-height: 15px; z-index: 8; text-align: justify; padding: 2px 1px 0px 2px; overflow: hidden; }
#orange { width: 154px; height: 21px; padding-top: 3px; color :#FFFFFF; line-height: 1.5em; text-decoration: none; vertical-align: bottom; text-align: center; z-index: 1000; background-image: url('http://cairnsunlimited.com/images/orange_2.gif');font-style:normal; font-variant:normal; font-weight:bold; font-size:11px; font-family:tahoma }
* { scrollbar-track-color: #CCCC99; scrollbar-face-color: #6CC0CD; scrollbar-arrow-color: #4276A6; scrollbar-base-color: #4276A6; }
blink { text-decoration: blink; }
H1 { /* test on internet cafe page */ font: bold 12px arial; color: #FFFFFF; background-color: #6CC0CD; text-align: center; padding: 0px 2px 1px 3px; text-transform: uppercase; text-decoration: none; margin-bottom: 2px; margin-top: 1px; }
H1 a:link { color: #FFFFFF; text-decoration: none; }
H1 a:visited { color: #FFFFFE; text-decoration: none; }
H1 a:hover { color: #131756; text-decoration: none; }
H2 { /* test on wineries page */ width: 322px; border: 1px solid #FFFFEE; background-color: #FFFFEE; font: normal 12px arial; color: #000000; z-index: 8; text-align: justify; display: block; padding-left: 2px;}
H3 { /* block of text on cream background, tested on Cairns Beaches page */ color: #131756; font-size: 12px; font-weight: normal; text-align: justify; background-color: #ffffee; border: 1px solid orange; padding: 6px 4px 4px 4px; margin: 4px 0px 8px 0px; }
H4 { /* SIMPLE border around text on plain background, tested on Cairns beaches page */ font: normal 12px arial; text-align: justify; border: 1px solid #003C77; padding: 3px; margin: 5px 0px 5px 0px;}
H5 { /* SIMPLE border around text on WHITE background, tested on DANGERS page */ background-color: #FFFFEE; font: bold 12px arial; color: #003C77; text-align: justify; border: 1px outset #003C77; padding: 0px 4px 1px 4px; margin: 5px 0px 4px 0px; }
H6 { width: 154px; height: 21px; padding-top: 3px; color: #FFFFFF; line-height: 1.5em; text-decoration: none; vertical-align: bottom; text-align: center; background-image: url('http://cairnsunlimited.com/images/buttons/orange_2.gif');font-style:normal; font-variant:normal; font-weight:bold; font-size:12px; font-family:tahoma}
H6 A { text-decoration: none; color: #ffffff; }
H6 A:hover { text-decoration: none; color: #9999FF; }
#rainbow { /*RAINBOW BORDER tested on gay page */ background-color: pink; border-width: 4px; border-color: orange; border-style: ridge; padding-left: 4px; padding-right: 4px; padding-bottom: 3px; padding-top: 2px; margin-bottom: 4px; margin-top: 5px; margin-left: 3px; margin-right: 3px;}
#friendly { /*GAY FRIENDLY BORDER tested on gay page */ background-color: #FFFFFF; border-width: 4px; border-color: orange; border-style: ridge; padding-left: 4px; padding-right: 4px; padding-bottom: 3px; padding-top: 2px; margin-bottom: 4px; margin-top: 5px; margin-left: 3px; margin-right: 3px;}
a:link { text-decoration: none; }
a:hover { text-decoration: none; }
a:visited { text-decoration: none; }
b { /* links? */ color: #015884; background-color: #FFFFFF; font-weight: bold; text-decoration: none; }
/* ----------------------------- SIDEBAR LINKS ---------------------------- */
#sidebar a { color : #131756;
text-decoration : none;
text-align: left;
}
#sidebar a:hover {
color : #131756;
background-color: yellow;
}
/* ----------------------------- END SIDEBAR LINKS ---------------------------- */
#orange a:link { color : #FFFFFF;
}
#orange a:visited { color : #FFFEEE;
}
#orange a:hover { color : #131756;
}
/* ----------------------------- RIGHT COLUMN LINKS ---------------------------- */
#rightcolumn ul li {
list-style: none;
margin-bottom : 5px;
margin-top : 5px;
}
#rightcolumn li a { position: relative; left: -38px; top:0px;
width: 180px;
height: 21px;
display : block;
padding-top: 2px;
color : #FFFFFF;
line-height : 1.5em;
font-weight : bold;
text-decoration : none;
vertical-align: bottom;
text-align: center;
background-image: url('http://cairnsunlimited.com/images/buttons/rightcolumn.png');font-style:normal; font-variant:normal; font-size:11px; font-family:tahoma; list-style-type:none
}
#rightcolumn li a:hover {
color : #131756;
}
#rightcolumn a:hover {
color : #131756;
}
/* ----------------------------- END RIGHT COLUMN LINKS ---------------------------- */
/* ----------------------------- MENU BELOW ---------------------------- */
#nav, #nav ul { /* all lists */
position: absolute; top: 0px; left: 0px;
margin: 130px 0px 0px 35px;
padding: 0px;
list-style: none;
float : left;
width : 145px;
border: 0px;
z-index: 12;
}
#nav li { /* all list items */
position: relative; top: 0px; left: 0px;
float : left;
line-height : 1.5em;
margin: -1px 0px 0px 0px;
padding: 0px;
width: 145px;
border: 0px;
z-index: 12;
}
#nav li ul { /* second-level lists */
position: absolute;
left: -979em;
background-color : #fffffe;
margin-left : 145px;
margin-top : -.30em;
padding: 0px;
z-index: 12;
}
#nav li ul li { /* second-level list ITEMS */
border: 1px solid orange;
z-index: 12;
padding: 0px;
}
#nav li ul ul { /* third-and-above-level lists */
left: -979em;
z-index: 12;
}
#nav li a {
width: 145px;
display : block;
color : #06A2B9;
font-weight: normal;
text-decoration : none;
text-align: left;
}
#nav li ul a:hover { color : #ffffee; font-weight: bold; background-color: #06A2B9; }
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul, #nav li.sfhover ul ul ul ul {
left: -999em;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul, #nav li li li li.sfhover ul {
left: auto;
}
/* ------------------------ MY STUFF ---------------------------- */
#nav li ul ul ul img { /* third (now fourth)-and-above-level IMAGES */
left: -5px ;
width: 300px ;
background-color: #000000 ;
border: 5px solid #FFFFFF ;
z-index: 12 ;
}
menu { text-align: left; }
/*---------------------------------- END OF MY STUFF ----------------------------------------------------------*/
/*---------------------------------- END OF MENU ----------------------------------------------------------*/
any suggestions? =[