Justin
02-26-2008, 07:12 AM
I'm designing a site with Dreamweaver. And when I check for browser compatibility (Firefox, Netscape, Opera and Internet Explorer) from within Dreamweaver, it shows me this message: "No browser check errors".
The pages work fine and the positioning of everything is in proper place when previewed in the four above-mentioned browsers. But IE displays: "Error on page" or "Done but with errors" at the left bottom corner of the browser. Only IE shows this error message. This happens when I hover a mouse over the navigation links and this makes me to believe it is a hyperlink issue. Please, does anyone know how to fix this problem? How can I direct IE to avoid this error message. I'll really appreciate any help now.
The following is the CSS stylesheet:
body{
color: #333333;
padding: 0px;
font: normal 14px/1.166 Arial, Helvetica, sans-serif;
}
/******* hyperlink and anchor tag styles *******/
a:link, a:visited{
color: #0000FF;
text-decoration: none;
font: 12px Arial, Helvetica, sans-serif;
}
a:hover{
text-decoration: none;
}
/************** header tag styles **************/
h1{
font: bold 120% Arial,sans-serif;
color: #334d55;
margin: 0px;
padding: 0px;
}
h2{
font: bold 114% Arial,sans-serif;
color: #006699;
margin: 0px;
padding: 0px;
}
h3{
font: bold 100% Arial, sans-serif;
color: #FFFFFF;
margin: 0px;
padding: 0px;
}
h4{
font: 100% Arial,sans-serif;
color: #333333;
margin: 0px;
padding: 0px;
}
h5{
font: 100% Arial,sans-serif;
color: #334d55;
margin: 0px;
padding: 0px;
}
/*************** list tag styles ***************/
ul{
list-style-type: square;
}
ul ul{
list-style-type: disc;
}
ul ul ul{
list-style-type: none;
}
/********* form and related tag styles *********/
form {
margin: 0;
padding: 0;
}
label{
font: bold 1em Arial,sans-serif;
color: #334d55;
}
input{
font-family: Arial,sans-serif;
}
/***********************************************/
/* Layout Divs */
/***********************************************/
#pagecell1{
position:absolute;
top: 131px;
left: 50px;
right: 50px;
width:900px;
background-color: #ffffff;
}
#tl {
position:absolute;
top: -1px;
left: -1px;
margin: 0px;
padding: 0px;
z-index: 100;
}
#tr {
position:absolute;
top: -1px;
right: -1px;
margin: 0px;
padding: 0px;
z-index: 100;
}
#pageNav{
float: left;
width:178px;
padding: 0px;
border-right: 1px solid #cccccc;
border-bottom: 1px solid #cccccc;
font: small Verdana,sans-serif;
background: #2A1F55;
border-left: 1px solid #cccccc;
}
#content{
margin:0px;
border-left: 1px solid #ccd2d2;
float: right;
width: 657px;
text-align: left;
padding: 13px 10px 0px 0px;
}
/***********************************************/
/* Component Divs */
/***********************************************/
#siteName{
margin: 0px;
padding: 16px 0px 8px 0px;
color: #ffffff;
font-weight: normal;
}
/************** utility styles *****************/
#utility{
font: 75% Verdana,sans-serif;
position: absolute;
top: 16px;
right: 0px;
color: #919999;
}
#utility a{
color: #ffffff;
}
#utility a:hover{
text-decoration: underline;
}
/************** pageName styles ****************/
#pageName{
padding: 0px 0px 14px 10px;
margin: 0px;
border-bottom:1px solid #ccd2d2;
}
#pageName h2{
font: bold 175% Arial,sans-serif;
color: #000000;
margin:0px;
padding: 0px;
}
#pageName img{
position: absolute;
top: 0px;
right: 6px;
padding: 0px;
margin: 0px;
}
/************* globalNav styles ****************/
#globalNav{
position: relative;
width: 100%;
height: 32px;
color: #cccccc;
padding: 0px;
margin: 0px;
top: 20px;
}
#globalNav img{
margin-bottom: -4px;
}
#gnl {
position: absolute;
top: 0px;
left:0px;
}
#gnr {
position: absolute;
top: 0px;
right:0px;
}
#globalLink{
position: absolute;
top: 6px;
height: 22px;
padding: 0px;
margin: 0px;
left: 134px;
z-index: 100;
width: 631px;
}
a.glink, a.glink:visited{
font-size: small;
color: #000000;
font-weight: bold;
margin: 0px;
padding: 2px 5px 4px 5px;
border-right: 1px solid #8FB8BC;
}
a.glink:hover{
background: url(../images/horizontalnav_over.gif);
/************ subglobalNav styles **************/
}
.subglobalNav a:link, .subglobalNav a:visited {
font-size: 80%;
color: #ffffff;
}
.subglobalNav a:hover{
color: #cccccc;
}
#siteInfo{
border-top: 1px solid #cccccc;
font-size: small;
color: #000000;
background: #2A1F55;
height: 35px;
width: 850px;
padding-top: 10px;
padding-bottom: 10px;
}
#siteInfo img{
padding: 4px 4px 4px 0px;
vertical-align: middle;
}
#advert{
padding: 10px;
}
#advert img{
display: block;
}
/********************* end **********************/
#Layer3 #facts {
float: right;
width: 668px;
}
#outerwrapper {
margin: 0px auto;
width: 850px;
}
#outerwrapper #Layer1 #logo {
float: left;
width: 531px;
}
#outerwrapper #Layer1 #Layer2 #nav {
height: 22px;
width: 550px;
margin-top: 5px;
margin-left: 150px;
margin-right: 150px;
}
#outerwrapper #Layer3 {
position: relative;
width: 850px;
border-bottom: thin solid #FF00FF;
height: 782px;
}
#outerwrapper #Layer3 #facts #adsense_home {
height: 60px;
background: #CAFFFF;
margin-bottom: 5px;
}
#outerwrapper #Layer3 #pagename {
font: italic 24px "Times New Roman", Times, serif;
color: #FFFFFF;
background: #2A1F55;
text-align: center;
width: 100%;
}
#outerwrapper #Layer3 #leftnav {
font: 14px Arial, Helvetica, sans-serif;
color: #000000;
background: #CCCCFF;
float: left;
height: 750px;
width: 180px;
}
#outerwrapper #Layer3 #facts #base #poor_people {
background: #C4FFFF;
}
#Layer3 #facts #base #info {
background: #C4FFFF;
}
#outerwrapper #Layer3 #facts #base #info {
height: 366px;
background: url(../images/block2.png) no-repeat;
}
#outerwrapper #siteInfo #copyright {
background: #E6FFFF;
text-align: center;
}
#outerwrapper #Layer3 #leftnav #sponsor {
background: #E8E8FF;
}
#outerwrapper #Layer3 #leftnav #ad {
background: #C4FFFF;
height: 79px;
}
#outerwrapper #siteInfo #foter_links {
width: 825px;
margin-right: auto;
margin-left: auto;
}
#outerwrapper #siteInfo #copyright {
width: 825px;
margin-right: auto;
margin-left: auto;
}
#outerwrapper #Layer1 #logo #google_search {
}
#outerwrapper #Layer3 #facts #base #poor_people {
height: 160px;
}
#outerwrapper #Layer3 #facts #base #poor_people #google_search {
height: 155px;
}
#outerwrapper #Layer3 #facts #base #webdesign {
font: 13px/26px Arial, Helvetica, sans-serif;
color: #000000;
}
#outerwrapper #Layer1 #logo #motto {
font: 24px/26px "Times New Roman", Times, serif;
color: #FFFF00;
text-align: center;
}
The pages work fine and the positioning of everything is in proper place when previewed in the four above-mentioned browsers. But IE displays: "Error on page" or "Done but with errors" at the left bottom corner of the browser. Only IE shows this error message. This happens when I hover a mouse over the navigation links and this makes me to believe it is a hyperlink issue. Please, does anyone know how to fix this problem? How can I direct IE to avoid this error message. I'll really appreciate any help now.
The following is the CSS stylesheet:
body{
color: #333333;
padding: 0px;
font: normal 14px/1.166 Arial, Helvetica, sans-serif;
}
/******* hyperlink and anchor tag styles *******/
a:link, a:visited{
color: #0000FF;
text-decoration: none;
font: 12px Arial, Helvetica, sans-serif;
}
a:hover{
text-decoration: none;
}
/************** header tag styles **************/
h1{
font: bold 120% Arial,sans-serif;
color: #334d55;
margin: 0px;
padding: 0px;
}
h2{
font: bold 114% Arial,sans-serif;
color: #006699;
margin: 0px;
padding: 0px;
}
h3{
font: bold 100% Arial, sans-serif;
color: #FFFFFF;
margin: 0px;
padding: 0px;
}
h4{
font: 100% Arial,sans-serif;
color: #333333;
margin: 0px;
padding: 0px;
}
h5{
font: 100% Arial,sans-serif;
color: #334d55;
margin: 0px;
padding: 0px;
}
/*************** list tag styles ***************/
ul{
list-style-type: square;
}
ul ul{
list-style-type: disc;
}
ul ul ul{
list-style-type: none;
}
/********* form and related tag styles *********/
form {
margin: 0;
padding: 0;
}
label{
font: bold 1em Arial,sans-serif;
color: #334d55;
}
input{
font-family: Arial,sans-serif;
}
/***********************************************/
/* Layout Divs */
/***********************************************/
#pagecell1{
position:absolute;
top: 131px;
left: 50px;
right: 50px;
width:900px;
background-color: #ffffff;
}
#tl {
position:absolute;
top: -1px;
left: -1px;
margin: 0px;
padding: 0px;
z-index: 100;
}
#tr {
position:absolute;
top: -1px;
right: -1px;
margin: 0px;
padding: 0px;
z-index: 100;
}
#pageNav{
float: left;
width:178px;
padding: 0px;
border-right: 1px solid #cccccc;
border-bottom: 1px solid #cccccc;
font: small Verdana,sans-serif;
background: #2A1F55;
border-left: 1px solid #cccccc;
}
#content{
margin:0px;
border-left: 1px solid #ccd2d2;
float: right;
width: 657px;
text-align: left;
padding: 13px 10px 0px 0px;
}
/***********************************************/
/* Component Divs */
/***********************************************/
#siteName{
margin: 0px;
padding: 16px 0px 8px 0px;
color: #ffffff;
font-weight: normal;
}
/************** utility styles *****************/
#utility{
font: 75% Verdana,sans-serif;
position: absolute;
top: 16px;
right: 0px;
color: #919999;
}
#utility a{
color: #ffffff;
}
#utility a:hover{
text-decoration: underline;
}
/************** pageName styles ****************/
#pageName{
padding: 0px 0px 14px 10px;
margin: 0px;
border-bottom:1px solid #ccd2d2;
}
#pageName h2{
font: bold 175% Arial,sans-serif;
color: #000000;
margin:0px;
padding: 0px;
}
#pageName img{
position: absolute;
top: 0px;
right: 6px;
padding: 0px;
margin: 0px;
}
/************* globalNav styles ****************/
#globalNav{
position: relative;
width: 100%;
height: 32px;
color: #cccccc;
padding: 0px;
margin: 0px;
top: 20px;
}
#globalNav img{
margin-bottom: -4px;
}
#gnl {
position: absolute;
top: 0px;
left:0px;
}
#gnr {
position: absolute;
top: 0px;
right:0px;
}
#globalLink{
position: absolute;
top: 6px;
height: 22px;
padding: 0px;
margin: 0px;
left: 134px;
z-index: 100;
width: 631px;
}
a.glink, a.glink:visited{
font-size: small;
color: #000000;
font-weight: bold;
margin: 0px;
padding: 2px 5px 4px 5px;
border-right: 1px solid #8FB8BC;
}
a.glink:hover{
background: url(../images/horizontalnav_over.gif);
/************ subglobalNav styles **************/
}
.subglobalNav a:link, .subglobalNav a:visited {
font-size: 80%;
color: #ffffff;
}
.subglobalNav a:hover{
color: #cccccc;
}
#siteInfo{
border-top: 1px solid #cccccc;
font-size: small;
color: #000000;
background: #2A1F55;
height: 35px;
width: 850px;
padding-top: 10px;
padding-bottom: 10px;
}
#siteInfo img{
padding: 4px 4px 4px 0px;
vertical-align: middle;
}
#advert{
padding: 10px;
}
#advert img{
display: block;
}
/********************* end **********************/
#Layer3 #facts {
float: right;
width: 668px;
}
#outerwrapper {
margin: 0px auto;
width: 850px;
}
#outerwrapper #Layer1 #logo {
float: left;
width: 531px;
}
#outerwrapper #Layer1 #Layer2 #nav {
height: 22px;
width: 550px;
margin-top: 5px;
margin-left: 150px;
margin-right: 150px;
}
#outerwrapper #Layer3 {
position: relative;
width: 850px;
border-bottom: thin solid #FF00FF;
height: 782px;
}
#outerwrapper #Layer3 #facts #adsense_home {
height: 60px;
background: #CAFFFF;
margin-bottom: 5px;
}
#outerwrapper #Layer3 #pagename {
font: italic 24px "Times New Roman", Times, serif;
color: #FFFFFF;
background: #2A1F55;
text-align: center;
width: 100%;
}
#outerwrapper #Layer3 #leftnav {
font: 14px Arial, Helvetica, sans-serif;
color: #000000;
background: #CCCCFF;
float: left;
height: 750px;
width: 180px;
}
#outerwrapper #Layer3 #facts #base #poor_people {
background: #C4FFFF;
}
#Layer3 #facts #base #info {
background: #C4FFFF;
}
#outerwrapper #Layer3 #facts #base #info {
height: 366px;
background: url(../images/block2.png) no-repeat;
}
#outerwrapper #siteInfo #copyright {
background: #E6FFFF;
text-align: center;
}
#outerwrapper #Layer3 #leftnav #sponsor {
background: #E8E8FF;
}
#outerwrapper #Layer3 #leftnav #ad {
background: #C4FFFF;
height: 79px;
}
#outerwrapper #siteInfo #foter_links {
width: 825px;
margin-right: auto;
margin-left: auto;
}
#outerwrapper #siteInfo #copyright {
width: 825px;
margin-right: auto;
margin-left: auto;
}
#outerwrapper #Layer1 #logo #google_search {
}
#outerwrapper #Layer3 #facts #base #poor_people {
height: 160px;
}
#outerwrapper #Layer3 #facts #base #poor_people #google_search {
height: 155px;
}
#outerwrapper #Layer3 #facts #base #webdesign {
font: 13px/26px Arial, Helvetica, sans-serif;
color: #000000;
}
#outerwrapper #Layer1 #logo #motto {
font: 24px/26px "Times New Roman", Times, serif;
color: #FFFF00;
text-align: center;
}