Another CSS problem

Lynne Puckett lpuckett at
Wed Jul 7 20:00:22 EDT 2004

I am also trying to go to a CSS-based page, in fact we have gone live
and discovered something very interesting.
Before I put the files on the server, I have them on my computer hard
drive for testing.  The CSS pages worked just fine in IE6, Netscape
7.1, K-meleon, Opera7.5, and Mozilla when I tested them from my hard
drive.  When I put them on the server, only IE keeps the proper
formatting - the others still have all the info, but in a totally
vertical format! I read that bit from Thomas Dowling about
One problem you need to fix is that your web server is sending your
stylesheet with the wrong MIME type.  It's sending it as
"application/x-pointplus" and it needs to be "text/css".  Non-IE
browsers are likely not to apply your stylesheet at all; my copy of
Mozilla doesn't.
<end quote>
but my ignorance is so abysmal I don't know where to check to see what
my server is sending. The HTML says text/css - how/where on the hard
drive do I check a WinNT4.0SP6 server running IIS and Apache <don't
ask!> to see what it's sending?

Anyway, my page is at The CSS file
follows at the end of this message. I am still working on getting it
properly validated - please be patient with me.  Also, I am entirely
self-taught in CSS (aka winging it), so if you see any really
egregious errors, please let me know.
Thank you for any help.

<begin CSS file>
BODY { background: white; margin:0px}
BODY, TD, TH { font-family: Arial, sans-serif; }

/* Standard links */
a:link {color: blue; text-decoration: underline;}
a:visited {color:maroon; text-decoration: none; }
a:active {color: 4682b4; }
a:hover {color: maroon; }

/*top navigation bar links button appearance */
div#btn a {
color: white;
float: left;
text-decoration: none;
border: 4px outset #4169e1;
background-color: blue;
display: inline;
width: 67px;
padding: 3px 3px 3px 3px;
margin: 1px;
text-align: center;

div#btn a:hover {
background-color: black;
color: white;
border:4px inset #b0e0e6;

/*library title box*/
color: blue;
float: left;
text-decoration: none;
text-align: center;
border: 4px outset #0000ff;
padding-top: 5px;
padding-bottom: 0px;
background-color: white;
display: inline;
width: 78%;

img.logo {
height: 85px;
position: absolute;
top: 13%;
left: 85%;
border:3px #0000ff;
border-style: solid;

h2.text {
font-size: 25pt;
font-weight: bold;
font-style: italic;

/*right-side drop-down links and other links*/
div#right {
font-size: .7em;
text-align: center;

/*primary content on each page*/
div#left {float:left; width:78%; text-align:left; display: inline;
margin-right:1px; margin-left:1px;}

/*email & renewal links at bottom*/
div#email {
float: left;
font-size: .8em; text-align: center }

/*bottom navigation links */
div#tst1 {float: left; width:78%; font-size: .7em; font-spacing: 12px;
text-align: center; }

/*centering and font changes */
.bold2 { font-size: 1em; font-weight:bold; }
.bold { font-weight:bold; font-style:italic; }
.bord { color:#000099; float:right; border:3px outset blue;
font-weight:bold; font-size:.9em; text-align:left!important; }
.bord2 { color:#770000; border:3px outset green;
font-weight:bold; font-size: 1em; text-align:left;
font-family: "comic sans ms", cursive;}
.com { font-family: "comic sans ms", cursive;}
.color { color:#000080; font-family: "Arial", sans-serif;
font-weight: bold; }
.ctr { text-align: center; }
.ctr2 { font-size: .7em; text-align: center; }
.navy { color: #000099; }
.navy2 { color: #000099; text-align: center; }
.size { font-size: .8em; }
.size2 { font-size: xx-small; }
.right2 { float: right; }
.left2 { float: left; }
.right3 { float: right; width:50%; }
.left3 { float: left; width:50%; }
<end CSS file>

More information about the Web4lib mailing list