I am replacing my Javascript-called files with SSI, and I'm getting an
unexpected result with my page footer. I can really use some help
with this.
The footer contains a copyright (left justified), and page links
(right justfied) all on the same line. After changing to SSI, the
right side links are correct, but the left side copyright looks to be
wrapping to the next line. I can fix this in IE by moving it back up
in line with the links with a "style=marg in-top:-10px", but that
creates undesired results in Firefox.
Here are the details:
First, there is a script that writes a horizontal line and sets up
some stuff:
//<!--
/*Determine if the browser is a Mac browser.*/
if (navigator.appV ersion.indexOf( "Mac") != -1 ) {
/*Write to the Mac browser to the desired links.*/
document.write( '<div id="bottomBarWi thFooter3">' );
}
else {
document.write( '<div id="bottomBarWi thFooter2">' );
}
//-->
#bottomBarWithF ooter2 {
width: 980px;
border-top: 1px solid #ced2d5;
border-bottom: 0px solid #7aff0f;
margin-top: -20px;
background-color: #ffffff;
font-size: 9px;
font-family: Verdana;
color: #003875;
font-weight: bold;
text-align: right;
padding-top: 0px;
}
Then my footer. These are the changes:
From this:
<script type="text/javascript" src="/footer.txt"></script>
(contents of footer.txt)
document.write( '<div id="copyInfoFoo ter">© 1985-2008 Symark
International, Inc. All rights reserved. </div><a href="/sitemap.html"
class="footer15 n">Site Map</a><a href="/support/support.html"
class="footer15 n">Contact Us</a><a href="/company/privacy.html"
class="footer15 ">Privacy Policy/ California Privacy Rights</a><a
href="/index.html" class="footern" >Home</a>')
#copyInfoFooter {
float: left;
color: #7c7c7c;
font-weight: normal;
text-decoration: none;
font-family: Verdana;
color: #003875;
font-weight: bold;
text-align: right;
padding-top: 0px;
}
To this:
<!--#include virtual="/includes/footer.html" -->
(contents of SSI file footer.html)
<div id="copyInfoFoo ter">© 1985-2008 Symark International, Inc. All
rights reserved.</div>
<a href="/sitemap.html" class="footer15 n">Site Map</a><a href="/
support/support.html" class="footer15 n">Contact
Us</a><a href="/company/privacy.html" class="footer15 ">Privacy Policy/
California Privacy
Rights</a><a href="/index.html" class="footern" >Home</a>
unexpected result with my page footer. I can really use some help
with this.
The footer contains a copyright (left justified), and page links
(right justfied) all on the same line. After changing to SSI, the
right side links are correct, but the left side copyright looks to be
wrapping to the next line. I can fix this in IE by moving it back up
in line with the links with a "style=marg in-top:-10px", but that
creates undesired results in Firefox.
Here are the details:
First, there is a script that writes a horizontal line and sets up
some stuff:
//<!--
/*Determine if the browser is a Mac browser.*/
if (navigator.appV ersion.indexOf( "Mac") != -1 ) {
/*Write to the Mac browser to the desired links.*/
document.write( '<div id="bottomBarWi thFooter3">' );
}
else {
document.write( '<div id="bottomBarWi thFooter2">' );
}
//-->
#bottomBarWithF ooter2 {
width: 980px;
border-top: 1px solid #ced2d5;
border-bottom: 0px solid #7aff0f;
margin-top: -20px;
background-color: #ffffff;
font-size: 9px;
font-family: Verdana;
color: #003875;
font-weight: bold;
text-align: right;
padding-top: 0px;
}
Then my footer. These are the changes:
From this:
<script type="text/javascript" src="/footer.txt"></script>
(contents of footer.txt)
document.write( '<div id="copyInfoFoo ter">© 1985-2008 Symark
International, Inc. All rights reserved. </div><a href="/sitemap.html"
class="footer15 n">Site Map</a><a href="/support/support.html"
class="footer15 n">Contact Us</a><a href="/company/privacy.html"
class="footer15 ">Privacy Policy/ California Privacy Rights</a><a
href="/index.html" class="footern" >Home</a>')
#copyInfoFooter {
float: left;
color: #7c7c7c;
font-weight: normal;
text-decoration: none;
font-family: Verdana;
color: #003875;
font-weight: bold;
text-align: right;
padding-top: 0px;
}
To this:
<!--#include virtual="/includes/footer.html" -->
(contents of SSI file footer.html)
<div id="copyInfoFoo ter">© 1985-2008 Symark International, Inc. All
rights reserved.</div>
<a href="/sitemap.html" class="footer15 n">Site Map</a><a href="/
support/support.html" class="footer15 n">Contact
Us</a><a href="/company/privacy.html" class="footer15 ">Privacy Policy/
California Privacy
Rights</a><a href="/index.html" class="footern" >Home</a>
Comment