Solved

CSS Question

Posted on 2000-04-03
11
149 Views
Last Modified: 2010-04-09
I have a CSS file that applys settings for a table...

It looks great in Internet Explorer, but netscape ignores some of the tags...  

The simplified table and CSS can be found here.
www.coopa.demon.co.uk/ee/test.htm
www.coopa.demon.co.uk/ee/test.css

The Question is...  
How can I alter the CSS file so that this table appears fine in netscape ?
Does Netscape support all of these css features ?
Is there another method ?

Help please...

400 points for anyone who can completely solve this.
0
Comment
Question by:coopa
11 Comments
 
LVL 5

Expert Comment

by:tzarad
ID: 2680508
You have to add the following line in your css

TD {
      FONT-FAMILY: arial, helvetica, swiss, sans-serif; FONT-SIZE: 7pt; FONT-WEIGHT: bold
}

The first line :120 will still be out of size because you forgot to close the </td>

Hope it helps
Qapla'

0
 
LVL 2

Author Comment

by:coopa
ID: 2680532
Okay...  half way there...

But why is netscape ignoreing the stuff under the <TH> tag ?

th {
color = white;
background-color = #004080;
font-family: arial, helvetica, swiss, sans-serif;
font-weight: bold;
font-size: 7pt;
}
0
 
LVL 1

Expert Comment

by:damianosky
ID: 2680571
Netscape supports only a limited version of CSS1, while explorer supports both CSS1 and CSS2.

What you are experiencing is only one of the variuos strange behaviours Netscape has regarding CSS.

Regarding font type, this is one of the problems. For example, if you redefine the font layout-type for the tag <p>, if you use within a <b> tag, this is not applied: you must redefine also the <b> tag to get the right formatting.

Strange, but is true...

If you need font control, i suggest you to try this: define a style class like this example:

<style>
<!--
..my_font_class { font-family: arial, elvetica, swiss, sans-serif; font-weight: bold; font-size: 7pt }
//-->
</style>

and then apply it to your text in this way:

<font class="my_font_class">your text</font>

It's not so flexible, but this way should guarantee you similar results both on Explorer and Netscape

0
 
LVL 2

Author Comment

by:coopa
ID: 2680589
Thanks damianosky,

That still doesn't explain why it works with TD but not with TH....  

The TH code is almost identical as the TD code but is being completely ignored.
0
 
LVL 2

Author Comment

by:coopa
ID: 2680595
I have updated the example (with tzarad's comments):
www.coopa.demon.co.uk/ee/test.htm
www.coopa.demon.co.uk/ee/test.css
0
How to run any project with ease

Manage projects of all sizes how you want. Great for personal to-do lists, project milestones, team priorities and launch plans.
- Combine task lists, docs, spreadsheets, and chat in one
- View and edit from mobile/offline
- Cut down on emails

 
LVL 1

Expert Comment

by:damianosky
ID: 2680668
Probably there is no valid reason...

Simply Netscape does not allow you to redefine th: th is the header of table's cells; yours is a question probably only netscape's men can answer...

I've seen your code... Formerly, it's correct.

As i've told you, this is only one of the mysteries of Netscape behaviour...

Also font dimension is not the real dimension: Netscape use the most similar dimension between the 7 standard levels (according also to the configuration in your preferences).

Moreover, why you need to use TH? Yes, of course, this is HTML-compliant, but there is no obligation to not use simply TD with a class definition as i've suggested you...

Just a roundtip... i know... :-|

0
 
LVL 2

Author Comment

by:coopa
ID: 2680685
> Moreover, why you need to use TH?
Because after i've finished designing 'the perfect' style sheet, a bunch of complete computer illerterates are going to use it to produce live web pages...  

Having the ability to specify cells in a table as being 'header cells' may help these imbeciles... hehehe.

8o)
0
 
LVL 1

Expert Comment

by:damianosky
ID: 2680711
Couriosely, i've donwloaded your code on my PC and now on my Communicator (Italian version 4.5) your code does its work with TH, while with TD the character dimension fails... (while on the web the behaviour is the yours...)!!!

mmmm....mystery

This is an interesting and courious problem...


0
 
LVL 2

Author Comment

by:coopa
ID: 2680721
I'll leave the question open just in case anyone else has anything to offer.
Thanks anyways.
0
 
LVL 1

Accepted Solution

by:
tarassov earned 100 total points
ID: 2681031
Here is the answer for your question. I have tested your css file and found out that problem was in this string:
background-color = #004080;
Netscape doesn't like "=" symbol as I see ;)

So, the th style should look like this:

th{
 Color: white;
 fontFamily: arial, helvetica, swiss, sans-serif;
 fontSize: 7pt;
 backgroundColor: "#004080";
 fontWeight: bold;
}

Best wishes,

  Andrey
0
 
LVL 2

Author Comment

by:coopa
ID: 2681816
tarassov:
Perfect answer.... Although you only solved half.

tzarad: I owe you some points... I will post as a separate question.


0

Featured Post

What Should I Do With This Threat Intelligence?

Are you wondering if you actually need threat intelligence? The answer is yes. We explain the basics for creating useful threat intelligence.

Join & Write a Comment

Suggested Solutions

Do you want to insert HTML5 video into your site? This is the tutorial how to do so. What are the main advantages of HTML5 video? 1) Have good compression, good image quality, and low decode processor use. 2) It is royalty-free 3) It is easi…
Foreword (July, 2015) Since I first wrote this article, years ago, a great many more people have begun using the internet.  They are coming online from every part of the globe, learning, reading, shopping and spending money at an ever-increasing ra…
The viewer will learn the benefit of using external CSS files and the relationship between class and ID selectors. Create your external css file by saving it as style.css then set up your style tags: (CODE) Reference the nav tag and set your prop…
The viewer will learn the basics of jQuery, including how to invoke it on a web page. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery.: (CODE)

760 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

18 Experts available now in Live!

Get 1:1 Help Now