I'm missing something, here.
I've created a web page with layers and CSS and it looks great in
I.E. However, in Netscape 4.7, the page loses all images and CSS styles.
Not that it probably matters, but I have inserted the Netscape bug resizing fix
code.
What gives? I thought Netscape is supposed to be able to see layers?
BTW: I used Adobe Go Live, v.5 to do this. I am right about the fact that
Go Live uses the "floating boxes" tool as the layer creation tool? Is that where
I went wrong?
Thank you in advance.
waizenWelcome to Netscape 4.x's crappy support for layers and CSS 2.
To give you a specific answer, I'd need to see the source code: HTML and CSS. There are a couple of things that might be the problem though.
First, Netscape DOES support layers, but only through the layer tag:
---
<layer top="0" left="500" width="100" height="100" bgcolor="green">
This stuff goes in the layer
</layer>
---
The above code should work as is in NS 4.x. The LAYER tag does not get affected by CSS, from the little experimenting that I've done, at least no CSS for positioning elements.
Netscape DOES support positioning DIVs, but you'll have the most luck doing so with position: absolute; in CSS.
Third: Netscape 4.x does not import style sheets inside STYLE tags, like below:
<style type="text/css" media="all">
@import "default.css";
</style>
Check the HTML source code to see if your style sheet is being imported via the above code. If it is, try importing the style sheet with the following code:
<link rel="stylesheet" type="text/css" media="all" href=http://www.webdeveloper.com/forum/archive/index.php/"default.css">
Browsers version 4.x and newer will import style sheets with the link tag. Browsers versions 5.x and newer will import style sheets via the @import inside the STYLE tags.
The last note on Netscape 4.x and layers using DIVs: it only kind of works.
Adobe GoLive probably creates the layers with the HTML <div> tag. According to web standards, if you don't set the width and height, DIVs are only as high as the highest element inside them. They are as wide as their parent element alotts to them. Lastly, when you float a div left or right, the DIV is only as high and as wide as the highest and widest elements inside the DIV (from what I've seen) .
I'm almost done, hang on ;-)
In Netscape 4.x:
DIVs are only as high and as wide as the highest and widest elements inside, regardless of whether the DIV is positioned relative, static, absolute, or floated.
You cannot set the width and height of DIVs in NS 4.x. It's a bummer, but NS 4.x is an old browser.
If you're still curious, go to <!-- m --><a class="postlink" href="http://users.tm.net/gburghardt/cmlife/html/">http://users.tm.net/gburghardt/cmlife/html/</a><!-- m --> for an xhtml-designed page as a work in progress.
For more info, check out these links:
<!-- m --><a class="postlink" href="http://www.w3schools.com/">http://www.w3schools.com/</a><!-- m -->
<!-- m --><a class="postlink" href="http://www.alistapart.com/">http://www.alistapart.com/</a><!-- m -->
<!-- m --><a class="postlink" href="http://www.w3.org/Style/CSS/#specs">http://www.w3.org/Style/CSS/#specs</a><!-- m -->
<!-- m --><a class="postlink" href="http://www.w3.org/TR/xhtml1/Thanks">http://www.w3.org/TR/xhtml1/Thanks</a><!-- m -->, Greg:
I've attached a txt version of the code. I think that a lot of what you mentioned applies.
This is a case of me learning CSS, while learning layers, while learning GoLive.
I'll get it eventually. Again, thanks.
WaizenNS 4.7 supports a proprietary CSS that predates the W3C's CSS1 by at least a year.
If you tighten your syntax on the background images by adding quotes around the URL, NS 4 will see them. For example:#layer1 { background-image: url("images/menutop.jpg"); position: absolute; z-index: 1; top: 0px; left: 0px; width: 750px; height: 150px; visibility: visible }IE doesn't care either way.
NS 4 does not know anything about the pseudo classes LINK, HOVER, or ACTIVE. It also cannot change text colors once the text has been rendered. It can change background colors, though.Gil and Jona:
Thank you both for responding to my posts. Yes, the question was cross-posted (is that a no-no?). I thought it might be relevant to both forums.
Up to this time, I had not been able to try out the suggestions you both gave me but will try to sometime today (Saturday). I took the project home with me to work on without the hustle of my job getting in the way. Will post my progress if you like.
Again, thanks for all your help.
Willi
I've created a web page with layers and CSS and it looks great in
I.E. However, in Netscape 4.7, the page loses all images and CSS styles.
Not that it probably matters, but I have inserted the Netscape bug resizing fix
code.
What gives? I thought Netscape is supposed to be able to see layers?
BTW: I used Adobe Go Live, v.5 to do this. I am right about the fact that
Go Live uses the "floating boxes" tool as the layer creation tool? Is that where
I went wrong?
Thank you in advance.
waizenWelcome to Netscape 4.x's crappy support for layers and CSS 2.
To give you a specific answer, I'd need to see the source code: HTML and CSS. There are a couple of things that might be the problem though.
First, Netscape DOES support layers, but only through the layer tag:
---
<layer top="0" left="500" width="100" height="100" bgcolor="green">
This stuff goes in the layer
</layer>
---
The above code should work as is in NS 4.x. The LAYER tag does not get affected by CSS, from the little experimenting that I've done, at least no CSS for positioning elements.
Netscape DOES support positioning DIVs, but you'll have the most luck doing so with position: absolute; in CSS.
Third: Netscape 4.x does not import style sheets inside STYLE tags, like below:
<style type="text/css" media="all">
@import "default.css";
</style>
Check the HTML source code to see if your style sheet is being imported via the above code. If it is, try importing the style sheet with the following code:
<link rel="stylesheet" type="text/css" media="all" href=http://www.webdeveloper.com/forum/archive/index.php/"default.css">
Browsers version 4.x and newer will import style sheets with the link tag. Browsers versions 5.x and newer will import style sheets via the @import inside the STYLE tags.
The last note on Netscape 4.x and layers using DIVs: it only kind of works.
Adobe GoLive probably creates the layers with the HTML <div> tag. According to web standards, if you don't set the width and height, DIVs are only as high as the highest element inside them. They are as wide as their parent element alotts to them. Lastly, when you float a div left or right, the DIV is only as high and as wide as the highest and widest elements inside the DIV (from what I've seen) .
I'm almost done, hang on ;-)
In Netscape 4.x:
DIVs are only as high and as wide as the highest and widest elements inside, regardless of whether the DIV is positioned relative, static, absolute, or floated.
You cannot set the width and height of DIVs in NS 4.x. It's a bummer, but NS 4.x is an old browser.
If you're still curious, go to <!-- m --><a class="postlink" href="http://users.tm.net/gburghardt/cmlife/html/">http://users.tm.net/gburghardt/cmlife/html/</a><!-- m --> for an xhtml-designed page as a work in progress.
For more info, check out these links:
<!-- m --><a class="postlink" href="http://www.w3schools.com/">http://www.w3schools.com/</a><!-- m -->
<!-- m --><a class="postlink" href="http://www.alistapart.com/">http://www.alistapart.com/</a><!-- m -->
<!-- m --><a class="postlink" href="http://www.w3.org/Style/CSS/#specs">http://www.w3.org/Style/CSS/#specs</a><!-- m -->
<!-- m --><a class="postlink" href="http://www.w3.org/TR/xhtml1/Thanks">http://www.w3.org/TR/xhtml1/Thanks</a><!-- m -->, Greg:
I've attached a txt version of the code. I think that a lot of what you mentioned applies.
This is a case of me learning CSS, while learning layers, while learning GoLive.
I'll get it eventually. Again, thanks.
WaizenNS 4.7 supports a proprietary CSS that predates the W3C's CSS1 by at least a year.
If you tighten your syntax on the background images by adding quotes around the URL, NS 4 will see them. For example:#layer1 { background-image: url("images/menutop.jpg"); position: absolute; z-index: 1; top: 0px; left: 0px; width: 750px; height: 150px; visibility: visible }IE doesn't care either way.
NS 4 does not know anything about the pseudo classes LINK, HOVER, or ACTIVE. It also cannot change text colors once the text has been rendered. It can change background colors, though.Gil and Jona:
Thank you both for responding to my posts. Yes, the question was cross-posted (is that a no-no?). I thought it might be relevant to both forums.
Up to this time, I had not been able to try out the suggestions you both gave me but will try to sometime today (Saturday). I took the project home with me to work on without the hustle of my job getting in the way. Will post my progress if you like.
Again, thanks for all your help.
Willi