Geshrael
- Quote
- Posted: Tue, 03 Mar 2009 01:35:53 +0000
Hey all;
I am doing a bit of design-work for a website and while doing some browser compatibility testing, I found that I got a weird error from Netscape. I am testing with NS9 and the problem is the footer.
The design is 95% div layers and the footer is also a div layer.
This is my coding:
And here is the CSS:
The doctype is XHTML Transitional 1.0. The location of the mockup is: http://brokenwingproductions.com/tmp2/index2.html
Thanks for any help you can offer! PLEASE NO SPAM. Bumps are welcome.
I am doing a bit of design-work for a website and while doing some browser compatibility testing, I found that I got a weird error from Netscape. I am testing with NS9 and the problem is the footer.
The design is 95% div layers and the footer is also a div layer.
This is my coding:
<div id="bottomLinks"><span class="bottomLinks"><a href="about.html">About</a> | <a href="services.html">Services</a> | <a href="portfolio.html">Portfolio</a> | <a href="store.html">Store</a> | <a href="links.html">Links</a> | <a href="contact.html">Contact</a><br />
<a href="http://validator.w3.org/check/referer">
<img src="layout/xhtml.png" alt="w3c xhtml transitional 1.0 validated" width="68" height="30" hspace="5" vspace="5" border="0" /></a>
<a href="copyright.html" target="new"><img src="layout/allrightsreserved.png" alt="all rights reserved copyright information" width="88" height="31" hspace="5" vspace="0" border="0" /></a>
<a href="http://jigsaw.w3.org/css-validator/check/referer" target="new">
<img src="layout/css.png" alt="w3c css 2.1 validated" width="53" height="30" hspace="5" vspace="5" border="0" /></a><br />
© Copyright 2009 Broken Wing Productions. All Rights Reserved.
</span></div>
<a href="http://validator.w3.org/check/referer">
<img src="layout/xhtml.png" alt="w3c xhtml transitional 1.0 validated" width="68" height="30" hspace="5" vspace="5" border="0" /></a>
<a href="copyright.html" target="new"><img src="layout/allrightsreserved.png" alt="all rights reserved copyright information" width="88" height="31" hspace="5" vspace="0" border="0" /></a>
<a href="http://jigsaw.w3.org/css-validator/check/referer" target="new">
<img src="layout/css.png" alt="w3c css 2.1 validated" width="53" height="30" hspace="5" vspace="5" border="0" /></a><br />
© Copyright 2009 Broken Wing Productions. All Rights Reserved.
</span></div>
And here is the CSS:
#bottomLinks{
position:absolute;
width:848px;
height:95px;
margin-top:30px;
margin-left:-30px;
background-color:#5C2432;
z-index:-1;
}
.bottomLinks{
position:relative;
font-family:Arial, Helvetica, sans-serif;
font-size:.75em;
letter-spacing:1px;
color:#fcfcfc;
top:15px;
width:100%;
}
.bottomLinks a:link{
font-family:Arial, Helvetica, sans-serif;
font-size:1em;
letter-spacing:1px;
color:white;
}
.bottomLinks a:visited{
font-family:Arial, Helvetica, sans-serif;
font-size:1em;
letter-spacing:1px;
}
.bottomLinks a:active{
font-family:Arial, Helvetica, sans-serif;
font-size:1em;
letter-spacing:1px;
}
.bottomLinks a:hover{
font-family:Arial, Helvetica, sans-serif;
font-size:1em;
letter-spacing:1px;
}
position:absolute;
width:848px;
height:95px;
margin-top:30px;
margin-left:-30px;
background-color:#5C2432;
z-index:-1;
}
.bottomLinks{
position:relative;
font-family:Arial, Helvetica, sans-serif;
font-size:.75em;
letter-spacing:1px;
color:#fcfcfc;
top:15px;
width:100%;
}
.bottomLinks a:link{
font-family:Arial, Helvetica, sans-serif;
font-size:1em;
letter-spacing:1px;
color:white;
}
.bottomLinks a:visited{
font-family:Arial, Helvetica, sans-serif;
font-size:1em;
letter-spacing:1px;
}
.bottomLinks a:active{
font-family:Arial, Helvetica, sans-serif;
font-size:1em;
letter-spacing:1px;
}
.bottomLinks a:hover{
font-family:Arial, Helvetica, sans-serif;
font-size:1em;
letter-spacing:1px;
}
The doctype is XHTML Transitional 1.0. The location of the mockup is: http://brokenwingproductions.com/tmp2/index2.html
Thanks for any help you can offer! PLEASE NO SPAM. Bumps are welcome.