Re: class element properties

by Julie McClelland <joolianna(at)yahoo.com>

 Date:  Thu, 11 Jan 2001 18:15:18 -0800 (PST)
 To:  Durwood Edwards <durwoode(at)mindspring.com>,
hwg-style(at)hwg.org
  todo: View Thread, Original
I don't think it's fixable for anything previous to Netscape 6. 
Remember...before the release of NN6, there had been no new releases
for about two years.  Two plus years ago, NN didn't handle CSS very
well, but NN6 was built to support the current CSS stuff.

Having said that, when I click your link (which, by the way, you
apparently typed wrong -- it should be
http://www.mindspring.com/~durwoode/style.htm), I don't see any of the
colors you've used.  I'm using IE 5.0 -- is that why? I see them just
fine using NN6.

Just out of curiosity, why are you using code that isn't supported by
any but the very latest versions of the big two browsers?  You're
cutting out a major part of your viewers that way.

Jools
 
--- Durwood Edwards <durwoode(at)mindspring.com> wrote:
> I notice that there seems to be a problem with NN 4, in reproducing
> the code
> below. While IE5.5 and NN6 seem to handle this quite well.
> I am noticing that NONE of the properties assigned are recognized by
> the
> version of NN4 that I have available. Can anyone show me how to "fix"
> this?
> (If indeed it needs fixing and can be fixed)
> The example is available at
> http://www.mindspring.com/`durwoode/style.htm.
> 
> The code is:
> 
> <!DOCTYPE HTML PUBLIC "-//SoftQuad Software//DTD HoTMetaL PRO
> 6.0::19990601::extensions to HTML 4.0//EN" "hmpro6.dtd">
> <HTML>
>   <HEAD>
>     <TITLE></TITLE><STYLE TYPE="text/css">
>     BODY{
>     font-family: arial
>     }
> DIV.title{
> position: absolute; top: 6px; left: 8px;
> padding: 6px;
> border: groove; 4px;
> background-color: #006633;
> font-size: 24px;
> color: #FFFFE0;
> }
> .element1{
> position: absolute; top: 70px; left: 35px;
> border: groove; 4px;
> background-color: #FFEE99;
> line-height:1.75;
>     }
> .element2{
> position: absolute; top: 110px; left: 35px;
> border: groove; 4px;
> background-color: #FFDD77;
> line-height:1.75;
>     }
>     </STYLE>
>   </HEAD>
>   <BODY><DIV class = "title">Title of test</DIV>
>     <DIV CLASS = "element1">TEST</DIV>
>     <DIV CLASS = "element2">TEST</DIV>
>   </BODY>
> </HTML>
> 


__________________________________________________
Do You Yahoo!?
Yahoo! Photos - Share your holiday photos online!
http://photos.yahoo.com/

HWG hwg-style mailing list archives, maintained by Webmasters @ IWA