Stylesheets - Style Sheet not showing in IE6

Author

Style Sheet not showing in IE6

mfurey

2006-04-14, 3:45 am

Can someone look at the following page and tell me what I did wrong with
the style sheet linkage, or perhaps the document type declaration? I
had this working properly off of one server, but now that it's on the
new server it seems that IE6 is not pulling the style sheet, whereas
all other browsers I tested this in are showing everything properly:

http://tinyurl.com/ecfpq

I know it must be something basic I'm missing... Thanks in advance for
any help!

--
mfurey
------------------------------------------------------------------------
mfurey's Profile: http://www.highdots.com/forums/m203
View this thread: http://www.highdots.com/forums/t171419

Gérard Talbot

2006-04-14, 3:45 am

mfurey wrote :
> Can someone look at the following page and tell me what I did wrong with
> the style sheet linkage,

In the stylesheet
http://media.corporate-ir.net/media...css/default.css
there is many things wrong.
1- it starts with illegal code such as
default.cssO7�>�`w��cmBIN

2- html {margin: 0; padding: 0;}

html by definition has no margin and no padding in all browsers

3- * html .staticContent {width: 764px; w\idth: 762px;}
using/relying on css hacks is not recommendable and is already no longer
working for most parts in MSIE 7 beta 2

Last year, on october 12th 2005, Microsoft asked web authors to stop
doing that.
Call to action: The demise of CSS hacks and broken pages
Call to action: Please check your pages
http://blogs.msdn.com/ie/archive/2005/10/12/480242.aspx

4-
body {
display:block;
margin: 0;
padding: 0;
background: #fff;
font: 70% verdana, helvetica, sans-serif;
line-height: 200%;
text-align:left;
}
You need to understand what are default css property values of elements
so that you don't over-code, over-define and over-declare unneedlessly.
Here, display:block and text-align:left are useless, unneeded.
font: 70% is awfully small value for body; I would never recommend
smaller than 100% for body.

5-
many things are weird or definitely not recommendable. E.g.
h1 span {
position: absolute;
left:-2000px;
}

Another example: text-indent: -3000px;
Another example: frequent declarations of line-height. I'd stay away
from that kind of css declaration for many reasons I won't explain. For
sure, line-height should be used sparingly and only when necessary.

Generally speaking, your stylesheet over-codes, over-declares,
over-defines. The more complex a stylesheet is, the more nightmare it is
to make it work as intended in all modern browsers.

6- Your stylesheet was not edited in text plain either; that's why you
have illegal characters at the beginning and at the end of the file.
That's probably what triggered you to seek help in this newsgroup. Edit
your stylesheet with a plain text editor.

7- Don't use XHTML 1.0 transitional: use HTML 4.01 strict instead. Using
a transitional DTD to build new documents is nonsense. Using a strict
DTD, you can ensure a clear separation between structure and styling.

or perhaps the document type declaration? I
> had this working properly off of one server, but now that it's on the
> new server it seems that IE6 is not pulling the style sheet, whereas
> all other browsers I tested this in are showing everything properly:

Your stylesheet is corrupted by non-ascii characters. Use a plain text
editor to edit your stylesheet.

Gérard
--
remove blah to email me