Style Sheets With Explorer 5.5 and Explorer 6.0 1

[Skittle]

I set up an intranet system a while ago to allow users
to search and maintain an internal phone number list.

I read all the HTML and ASP books I could get my hands on and followed the recomended coding style. One of the methods is to use a style sheet. I set up a style sheet with a class for table column headings, page headings, table row data etc. and used them throughout my pages.

Last week we upgraded our intrant browser from Explorer 5.5 to version 6.0. My stylesheet pages now look completely different. Classes are either ignored or interpreted completely differently. I have loaded version 5.5 back on one machine and proved it a browser issue.

So....

Am I doing something wrong?
Are style sheets in fact something to be avoided?

Thanks

 

[Vragabond]

No, style sheets are definitely something that you should not avoid. I use heavy style sheets on all the pages I maintain and up till now, there have been no discrepancies between different browsers (Mozilla, Opera, IE5 and IE6). Maybe you should post your stylesheet here, so we could give it a closer look.

 

[Skittle]

Hmmm. OK I must be doing something wrong.
I've picked out just a couple of things from the style
sheet.

'TR.tableheading01' sets the characteristics of a row of titles for a table. It sets the column headings as white on blue background.

'TR.tabledetail01' sets the characteristics of a row of data
read from a database and displayed in a table below the 'TR.tableheading01' row.

'TD.celldetail01red' sets the characteristics of a single data cell in a table to highlight the cell contents within a 'TR.tableheading01' row.

'TR.tableprompt01' is used in a table/form definition
as the text displayed before an entry field in a form
i.e. 'Enter Date Of Birth :'.

-------------

TR.tableheading01 { font-family : Arial, Helvetica }
TR.tableheading01 { font-size : 10pt}
TR.tableheading01 { font-weight : bold }
TR.tableheading01 { color : #FFFFFF }
TR.tableheading01 { background: #0033CC )


TR.tabledetail01 { font-family : Verdana, Arial,
Helvetica, sans-serif }
TR.tabledetail01 { font-size : 7pt }
TR.tabledetail01 { color : #000000 ; font-family: Verdana,
Arial, Helvetica, sans-serif}


TD.celldetail01red { font-family : Verdana, Arial,
Helvetica, sans-serif }
TD.celldetail01red { font-size : 7pt }
TD.celldetail01red { color : #FF0000 }


TR.tableprompt01 { font-family : Verdana, Arial, Helvetica,
sans-serif }
TR.tableprompt01 { font-size : x-small }
TR.tableprompt01 { font-weight : bold }
TR.tableprompt01 { color : #000000 }

 

[Vragabond]

Ok, I've redid your sheet a bit (you do not need to name the tag and class every time, as long as you have it open, {, everything you write will belong to this class. At the end you just close it with }. Just check the revised code and you'll realize what I am talking about. Your problem was, I suppose here (if you copied directly from your sheet):

TR.tableheading01 { background: #0033CC ) you accidentaly closed the class with ) instead of }. That meant browser ignored everything below this point. Maybe IE5.5 was more forgiving.

Here's the new sheet:
<style>

TR.tableheading01 {
font-family: Arial, Helvetica;
font-size: 10pt;
font-weight: bold;
color: #FFFFFF;
background: #0033CC;
}


TR.tabledetail01 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 7pt;
color: #000000;
}


TD.celldetail01red {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 7pt;
color: #FF0000;
}


TR.tableprompt01 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: x-small;
font-weight: bold;
color: #000000;
}

</style>

enjoy

 

[Skittle]

You are a magnificent, wounderful, beautiful, talented, inspirational, supportive, helpful, god like, orgasmic, awesome, life saving, first class, special, oscar winning,generous person.

THANK YOU!!!

I've been shedding blood, sweat and tears over this for ages. Please send a small likeness of your image so I may stick on our notice board where I may worship before each morning.

Thank you! Thank You! Thank You!