hi there,
i've browsed thru a lot of threads and i just can't find anything though surely this is a common problem:
i use external style sheets and i have defined my headers
h1 {blah}
and links
a:link {color: #660099; blah}
and it works fine with opera, netscape, even IE 5.5 but not IE 6. IE 6 just has huge headings and displays the links in the same color as the other text.
any help?
thanks a lot!Is it possible you have IE6 set to ignore colors and font sizes (Internet Options -> General -> Accessibility)? If not, can you supply a link or post example code here?Did you set h1 to be less than 1em? iirc, IE gets this wrong among many other things. Or am I thinking of something else?IE 6 is getting some of the styles right, like justify and the color of the text (changed it back from blue to black), so the link works all right.
the strange thing is when i take IE 6 to look at another site that uses the very same css and the very same head info, everything works perfectly.
anyway, here's the css in full:
BODY,p,li{font-family: Verdana,Arial,Tahoma,"MS Sans Serif"; font-size: 11px;}
BODY,p{margin-top : 0px; margin-left: 0px; margin-right: 0px;
text-align: justify;
font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000; font-size: 11px;
SCROLLBAR-FACE-COLOR: #ccccffk; SCROLLBAR-HIGHLIGHT-COLOR: 'ccccff; SCROLLBAR-SHADOW-COLOR: #ccccff;
SCROLLBAR-3DLIGHT-COLOR: #ccccff; SCROLLBAR-ARROW-COLOR: white; SCROLLBAR-TRACK-COLOR: #ffffcc;
SCROLLBAR-DARKSHADOW-COLOR: white
}
a:link{color: #660099; text-decoration: underline;cursor: hand}
a:hover{color:#00cc66; text-decoration: none; background-color: #efefef;}
a:active{color: #00cc66; text-decoration: none; cursor: hand}
a:visited{text-decoration: underline;COLOR: #ffcc00; cursor: hand}
li.a{list-style-image:url(images/buch.gif)}
li.b{list-style-image:url(images/lp.gif)}
li.c{list-style-image:url(images/www.gif)}
blockquote{font-family: Verdana,Arial,Tahoma,"MS Sans Serif"; font-size: 11px;}
h1{font-family: Verdana,Arial,Tahoma,"MS Sans Serif"; font-size: 15px;text-decoration: underline;font-style: bold;}
h2{font-family: Verdana,Arial,Tahoma,"MS Sans Serif"; font-size: 13px;font-style: bold;}
h3{font-family: Verdana,Arial,Tahoma,"MS Sans Serif";font-size: 11px;font-style: italic;font-style: bold;}
h5{font-family: Verdana,Arial,Tahoma,"MS Sans Serif";font-size: 11px;color:#ffcc00;}
h6{font-family: Verdana,Arial,Tahoma,"MS Sans Serif";font-size: 18px;color:#ffcc00;}
#start {text-align: center}
#content {position:absolute; top: 0px; left: 10%;}
#name {text-align: right}
the head info linking to the stylesheet:
<SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript">
<!--
if (document.layers) {
document.write('<LINK REL="STYLESHEET" TYPE="text/css" HREF=http://www.webdeveloper.com/forum/archive/index.php/"css/nn.css">');
}else {
document.write('<LINK REL="STYLESHEET" TYPE="text/css" HREF=http://www.webdeveloper.com/forum/archive/index.php/"css/ie.css">');
}
// -->
</SCRIPT>
could it be that IE 6 doesn't like the use of layers? all text i used is in layers (<div id="something">) if so how could i get around this?Do you really need to support NN4 with <layer>?
There is probably something in the document that is wrong, can you give a link?
btw the pseudo-classes are in the wrong order: a:link, a:visited, a:hover and a:activeRunning the supplied CSS through the w3.org CSS validator (<!-- m --><a class="postlink" href="http://jigsaw.w3.org/css-validator/">http://jigsaw.w3.org/css-validator/</a><!-- m -->) generated several errors:
* Line: 6 Context : BODY , p
ccccffk is not a valid color 3 or 6 hexadecimals numbers : #ccccffk
* Line: 6 Context : BODY , p
Parse Error - 'ccccff
* Line: 6 Context : BODY , p
Property scrollbar-shadow-color doesn't exist : #ccccff
* Line: 7 Context : BODY , p
Property scrollbar-3dlight-color doesn't exist : #ccccff
* Line: 7 Context : BODY , p
Property scrollbar-arrow-color doesn't exist : white
* Line: 7 Context : BODY , p
Property scrollbar-track-color doesn't exist : #ffffcc
* Line: 8 Context : BODY , p
Property scrollbar-darkshadow-color doesn't exist : white
* Line: 11 Context : a:link
Invalid number : cursor hand is not a cursor value : hand
* Line: 13 Context : a:active
Invalid number : cursor hand is not a cursor value : hand
* Line: 14 Context : a:visited
Invalid number : cursor hand is not a cursor value : hand
* Line: 22 Context : h1
Invalid number : font-style bold is not a font-style value : bold
* Line: 23 Context : h2
Invalid number : font-style bold is not a font-style value : bold
* Line: 24 Context : h3
Invalid number : font-style bold is not a font-style value : boldthank you so much guys,
the tip with the <!-- m --><a class="postlink" href="http://jigsaw.w3.org/css-validator/">http://jigsaw.w3.org/css-validator/</a><!-- m --> helped.
turned out that it was obviously those typos that caused IE not to read the file as desired.
everything now works.
i've browsed thru a lot of threads and i just can't find anything though surely this is a common problem:
i use external style sheets and i have defined my headers
h1 {blah}
and links
a:link {color: #660099; blah}
and it works fine with opera, netscape, even IE 5.5 but not IE 6. IE 6 just has huge headings and displays the links in the same color as the other text.
any help?
thanks a lot!Is it possible you have IE6 set to ignore colors and font sizes (Internet Options -> General -> Accessibility)? If not, can you supply a link or post example code here?Did you set h1 to be less than 1em? iirc, IE gets this wrong among many other things. Or am I thinking of something else?IE 6 is getting some of the styles right, like justify and the color of the text (changed it back from blue to black), so the link works all right.
the strange thing is when i take IE 6 to look at another site that uses the very same css and the very same head info, everything works perfectly.
anyway, here's the css in full:
BODY,p,li{font-family: Verdana,Arial,Tahoma,"MS Sans Serif"; font-size: 11px;}
BODY,p{margin-top : 0px; margin-left: 0px; margin-right: 0px;
text-align: justify;
font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000; font-size: 11px;
SCROLLBAR-FACE-COLOR: #ccccffk; SCROLLBAR-HIGHLIGHT-COLOR: 'ccccff; SCROLLBAR-SHADOW-COLOR: #ccccff;
SCROLLBAR-3DLIGHT-COLOR: #ccccff; SCROLLBAR-ARROW-COLOR: white; SCROLLBAR-TRACK-COLOR: #ffffcc;
SCROLLBAR-DARKSHADOW-COLOR: white
}
a:link{color: #660099; text-decoration: underline;cursor: hand}
a:hover{color:#00cc66; text-decoration: none; background-color: #efefef;}
a:active{color: #00cc66; text-decoration: none; cursor: hand}
a:visited{text-decoration: underline;COLOR: #ffcc00; cursor: hand}
li.a{list-style-image:url(images/buch.gif)}
li.b{list-style-image:url(images/lp.gif)}
li.c{list-style-image:url(images/www.gif)}
blockquote{font-family: Verdana,Arial,Tahoma,"MS Sans Serif"; font-size: 11px;}
h1{font-family: Verdana,Arial,Tahoma,"MS Sans Serif"; font-size: 15px;text-decoration: underline;font-style: bold;}
h2{font-family: Verdana,Arial,Tahoma,"MS Sans Serif"; font-size: 13px;font-style: bold;}
h3{font-family: Verdana,Arial,Tahoma,"MS Sans Serif";font-size: 11px;font-style: italic;font-style: bold;}
h5{font-family: Verdana,Arial,Tahoma,"MS Sans Serif";font-size: 11px;color:#ffcc00;}
h6{font-family: Verdana,Arial,Tahoma,"MS Sans Serif";font-size: 18px;color:#ffcc00;}
#start {text-align: center}
#content {position:absolute; top: 0px; left: 10%;}
#name {text-align: right}
the head info linking to the stylesheet:
<SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript">
<!--
if (document.layers) {
document.write('<LINK REL="STYLESHEET" TYPE="text/css" HREF=http://www.webdeveloper.com/forum/archive/index.php/"css/nn.css">');
}else {
document.write('<LINK REL="STYLESHEET" TYPE="text/css" HREF=http://www.webdeveloper.com/forum/archive/index.php/"css/ie.css">');
}
// -->
</SCRIPT>
could it be that IE 6 doesn't like the use of layers? all text i used is in layers (<div id="something">) if so how could i get around this?Do you really need to support NN4 with <layer>?
There is probably something in the document that is wrong, can you give a link?
btw the pseudo-classes are in the wrong order: a:link, a:visited, a:hover and a:activeRunning the supplied CSS through the w3.org CSS validator (<!-- m --><a class="postlink" href="http://jigsaw.w3.org/css-validator/">http://jigsaw.w3.org/css-validator/</a><!-- m -->) generated several errors:
* Line: 6 Context : BODY , p
ccccffk is not a valid color 3 or 6 hexadecimals numbers : #ccccffk
* Line: 6 Context : BODY , p
Parse Error - 'ccccff
* Line: 6 Context : BODY , p
Property scrollbar-shadow-color doesn't exist : #ccccff
* Line: 7 Context : BODY , p
Property scrollbar-3dlight-color doesn't exist : #ccccff
* Line: 7 Context : BODY , p
Property scrollbar-arrow-color doesn't exist : white
* Line: 7 Context : BODY , p
Property scrollbar-track-color doesn't exist : #ffffcc
* Line: 8 Context : BODY , p
Property scrollbar-darkshadow-color doesn't exist : white
* Line: 11 Context : a:link
Invalid number : cursor hand is not a cursor value : hand
* Line: 13 Context : a:active
Invalid number : cursor hand is not a cursor value : hand
* Line: 14 Context : a:visited
Invalid number : cursor hand is not a cursor value : hand
* Line: 22 Context : h1
Invalid number : font-style bold is not a font-style value : bold
* Line: 23 Context : h2
Invalid number : font-style bold is not a font-style value : bold
* Line: 24 Context : h3
Invalid number : font-style bold is not a font-style value : boldthank you so much guys,
the tip with the <!-- m --><a class="postlink" href="http://jigsaw.w3.org/css-validator/">http://jigsaw.w3.org/css-validator/</a><!-- m --> helped.
turned out that it was obviously those typos that caused IE not to read the file as desired.
everything now works.