Does anyone know why my style sheet is working fine in IE 5.5 but when I upgraded to IE 6.0 my site doesn't pick up my stylesheet?It might be because in IE 5.5 you can specify pixel distances without units, whereas in IE 6 you _must_ end each measurement with "px". (That's one thing I discovered when I upgraded.)
If not, post your code so we can see what's wrong with it.
AdamI checked to make sure my measurements includes the px and that didn't solve my problem. Here is the code from my stylesheet.
BODY {
scrollbar-face-color: #EFEFEF;
scrollbar-highlight-color: #CED0CE;
scrollbar-3dlight-color: EEF6FA;
scrollbar-darkshadow-color: FFFFFF;
scrollbar-shadow-color: #C0C2C0;
scrollbar-arrow-color: #C0C2C0;
scrollbar-track-color: #F9F9F9;
}
A.set1:link {color: #FFFFFF; font-family: Arial; font-size: 11px; padding-top: 16px; float: none; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px}
A.set1:visited {color: #FFFFFF; font-family: Arial; font-size: 11px; padding-top: 16px; float: none; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px}
A.set1:active {color: #FFFFFF; font-family: Arial; font-size: 11px; padding-top: 16px; float: none; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px}
A.set1:hover {color: #AEFF00; font-family: Arial; font-size: 11px; padding-top: 16px; float: none; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px}
A.set2:link {color: #43586D
A.set2:visited {color: #43586D}
A.set2:active {color: Green; font-family: Arial}
A.set2:hover {color: Green}
A.set3:link {color: #3367AE}
A.set3:visited {color: #3367AE}
A.set3:active {color: #66AE32}
A.set3:hover {color: #66AE32}
.nav_links { font-family: Arial; font-size: 8pt; color: #3d5970; text-align: center; font-style: normal; line-height: normal; font-weight: bold}
.text { font-family: Arial; font-size: 8pt; font-style: normal; color: #000000; clip: rect( ); margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 10px; padding-bottom: 0px; padding-left: 13px; float: none; width: 560px; list-style-position: outside; list-style-image: url(images/arrows.gif); list-style-type: none; overflow: hidden}
.menu_head { font-family: Arial; font-size: 12px; font-style: normal; color: #FFFFFF; font-weight: bold; text-align: center}
.form_text { font-family: Arial; font-size: 11px; font-style: normal; text-align: right}
.purpose_Text { font-family: Arial; font-size: 11px; color: #FFFFFF; font-style: normal; float: none; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 10px; padding-bottom: 0px; padding-left: 10px; text-align: right}
.whatsnew { font-family: Arial; font-size: 11px; font-style: normal; color: #000000; clip: rect( ); list-style-position: outside; list-style-type: disc; width: 290px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 5px; vertical-align: middle; list-style-image: url(images/arrows.gif)}
.whatsnew_head { font-family: Tahoma; font-size: 13px; font-style: normal; text-decoration: underline; font-weight: 500; text-transform: none; color: #333333}
.status_menu { color: #FFFFFF; font-family: Arial; font-size: 11px; padding-top: 17px; float: none; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-weight: bold}
.body_text { font-family: Arial; font-size: 10pt}
.text_PG { font-family: Arial; font-size: 9pt; font-style: normal; color: #000000; clip: rect( ); margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 10px; padding-bottom: 0px; padding-left: 13px; float: none; width: 330px; list-style-position: outside; list-style-image: url(images/arrows.gif); list-style-type: none}
.input { top: 33px; clip: rect( ); position: absolute}
.pg_link { border: thin #CCCCCC; height: auto; width: auto}
.text_nospace { font-family: Arial; font-size: 8pt; font-style: normal; color: #000000; clip: rect( ); float: none; list-style-position: outside; list-style-image: url(images/arrows.gif); list-style-type: none; overflow: scroll ; background-position: center center; padding-left: 13px}
.text_table { font-family: Arial; font-size: 8pt}
.idea_counter { font-family: Arial; font-size: 10pt}
.browser { font-family: Arial; font-size: 24px; font-weight: bold; color: #990000}
.table_border { font-family: Arial; font-size: 10px; font-style: normal; color: #000000; white-space: normal; filter: Chroma(Color=red)?, Direction=?)?, OffX=?, OffY=?, Positive=?)}
.titletext { font-family: Arial; font-size: 11pt; font-weight: bold; color: #4880CA}
here is the code from my web page
<link rel="stylesheet" type="text/css" href=http://www.webdeveloper.com/forum/archive/index.php/"gid.css">If you are using any HTML comment tags (<!-- and -->) in external CSS, remove them.
Something that may help solve your problem: Validate your HTML at <!-- m --><a class="postlink" href="http://validator.w3.org">http://validator.w3.org</a><!-- m --> and CSS at <!-- m --><a class="postlink" href="http://jigsaw.w3.org/css-validatorI">http://jigsaw.w3.org/css-validatorI</a><!-- m --> figured out the problem....
I forgot to add a } after the line
A.set2:link {color: #43586D
Thanks for the help guys!
If not, post your code so we can see what's wrong with it.
AdamI checked to make sure my measurements includes the px and that didn't solve my problem. Here is the code from my stylesheet.
BODY {
scrollbar-face-color: #EFEFEF;
scrollbar-highlight-color: #CED0CE;
scrollbar-3dlight-color: EEF6FA;
scrollbar-darkshadow-color: FFFFFF;
scrollbar-shadow-color: #C0C2C0;
scrollbar-arrow-color: #C0C2C0;
scrollbar-track-color: #F9F9F9;
}
A.set1:link {color: #FFFFFF; font-family: Arial; font-size: 11px; padding-top: 16px; float: none; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px}
A.set1:visited {color: #FFFFFF; font-family: Arial; font-size: 11px; padding-top: 16px; float: none; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px}
A.set1:active {color: #FFFFFF; font-family: Arial; font-size: 11px; padding-top: 16px; float: none; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px}
A.set1:hover {color: #AEFF00; font-family: Arial; font-size: 11px; padding-top: 16px; float: none; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px}
A.set2:link {color: #43586D
A.set2:visited {color: #43586D}
A.set2:active {color: Green; font-family: Arial}
A.set2:hover {color: Green}
A.set3:link {color: #3367AE}
A.set3:visited {color: #3367AE}
A.set3:active {color: #66AE32}
A.set3:hover {color: #66AE32}
.nav_links { font-family: Arial; font-size: 8pt; color: #3d5970; text-align: center; font-style: normal; line-height: normal; font-weight: bold}
.text { font-family: Arial; font-size: 8pt; font-style: normal; color: #000000; clip: rect( ); margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 10px; padding-bottom: 0px; padding-left: 13px; float: none; width: 560px; list-style-position: outside; list-style-image: url(images/arrows.gif); list-style-type: none; overflow: hidden}
.menu_head { font-family: Arial; font-size: 12px; font-style: normal; color: #FFFFFF; font-weight: bold; text-align: center}
.form_text { font-family: Arial; font-size: 11px; font-style: normal; text-align: right}
.purpose_Text { font-family: Arial; font-size: 11px; color: #FFFFFF; font-style: normal; float: none; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 10px; padding-bottom: 0px; padding-left: 10px; text-align: right}
.whatsnew { font-family: Arial; font-size: 11px; font-style: normal; color: #000000; clip: rect( ); list-style-position: outside; list-style-type: disc; width: 290px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 5px; vertical-align: middle; list-style-image: url(images/arrows.gif)}
.whatsnew_head { font-family: Tahoma; font-size: 13px; font-style: normal; text-decoration: underline; font-weight: 500; text-transform: none; color: #333333}
.status_menu { color: #FFFFFF; font-family: Arial; font-size: 11px; padding-top: 17px; float: none; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-weight: bold}
.body_text { font-family: Arial; font-size: 10pt}
.text_PG { font-family: Arial; font-size: 9pt; font-style: normal; color: #000000; clip: rect( ); margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 10px; padding-bottom: 0px; padding-left: 13px; float: none; width: 330px; list-style-position: outside; list-style-image: url(images/arrows.gif); list-style-type: none}
.input { top: 33px; clip: rect( ); position: absolute}
.pg_link { border: thin #CCCCCC; height: auto; width: auto}
.text_nospace { font-family: Arial; font-size: 8pt; font-style: normal; color: #000000; clip: rect( ); float: none; list-style-position: outside; list-style-image: url(images/arrows.gif); list-style-type: none; overflow: scroll ; background-position: center center; padding-left: 13px}
.text_table { font-family: Arial; font-size: 8pt}
.idea_counter { font-family: Arial; font-size: 10pt}
.browser { font-family: Arial; font-size: 24px; font-weight: bold; color: #990000}
.table_border { font-family: Arial; font-size: 10px; font-style: normal; color: #000000; white-space: normal; filter: Chroma(Color=red)?, Direction=?)?, OffX=?, OffY=?, Positive=?)}
.titletext { font-family: Arial; font-size: 11pt; font-weight: bold; color: #4880CA}
here is the code from my web page
<link rel="stylesheet" type="text/css" href=http://www.webdeveloper.com/forum/archive/index.php/"gid.css">If you are using any HTML comment tags (<!-- and -->) in external CSS, remove them.
Something that may help solve your problem: Validate your HTML at <!-- m --><a class="postlink" href="http://validator.w3.org">http://validator.w3.org</a><!-- m --> and CSS at <!-- m --><a class="postlink" href="http://jigsaw.w3.org/css-validatorI">http://jigsaw.w3.org/css-validatorI</a><!-- m --> figured out the problem....
I forgot to add a } after the line
A.set2:link {color: #43586D
Thanks for the help guys!