The goal is a bar on top of the page, a bar on the left side and the rest of the page must contain the content of the page. No problem in Mozilla, Opera and IE, but Netscape 4.... I have already implemented a lot of extra rules just for N4, but there are still some things that bother me
- layer-background-image doesn't work, although I made this declaration especially for N4
- to make the div's cover the whole page I have created tables: one global table op 560px and one table for the 'rechterkolom'-div; weird anough this table has to be 353px to match; the left-div is 147px, so 147+353=500: where are the other 60 pixels?
- the 'rechterkolom'-div creates a black square on top of my leftbar
- the 'rechterkolom'-div has the strange top of -19px
Can I expect that despite the weird dimensions, that Netscape will display this correct or does Netscape makes a random interpretation?
And if anyone has a solution for this problems....
Thanks,
Caroline
code:
<head>
<style type="text/css">
body
{margin: 0px; }
#bovenbalk
{
background: #7B1829 url(images/pixelrood.gif) repeat;
layer-background-image: url(images/pixelrood.gif);
layer-background-color: #7B1829;
background-repeat: repeat;
color: #000000;
width: 100%;
/* height: 40px; - not supported by NN4 */
position: relative;
top: 0px;
left: 0px;
}
#linkerkolom
{float: left;
width: 147px;
background: transparent url(images/zijbalk.gif) repeat-y fixed 0 0;
layer-background-color: #cbd4b0;
layer-background-repeat: repeat-y;
color: #000000;
position: relative;
top: 0px;
left: 0px;
width: 147px;
}
#rechterkolom
{
layer-background-color: #18197C;
position: relative;
top: -19px;
display: inline;
}
</style>
</head>
<body>
<table width="560px">
<tr>
<td>
<div id="bovenbalk">
<table border="0">
<tr><td> </td></tr>
</table>
</div>
<div id="linkerkolom">
</div>
<div id="rechterkolom">
<table border="0" width="353px">
<tr><td>
sdfsdfqsdfqsdf
</td></tr>
</table>
</div>
</td>
</tr>
</table>
</body>
</html>Originally posted by Caroline
- layer-background-image doesn't work, although I made this declaration especially for N4
There is no such property in NN 4. Perhaps you were thinking of
layer-background-color
- to make the div's cover the whole page I have created tables: one global table op 560px and one table for the 'rechterkolom'-div; weird anough this table has to be 353px to match; the left-div is 147px, so 147+353=500: where are the other 60 pixels?In the space they reserve for the scrollbar, even if you don't need it.
- the 'rechterkolom'-div creates a black square on top of my leftbar
- the 'rechterkolom'-div has the strange top of -19px
Can I expect that despite the weird dimensions, that Netscape will display this correct or does Netscape makes a random interpretation?
And if anyone has a solution for this problems....
NN 4 has a tough time with tables and positioned elements. I would suggest you pick one or the other, don't mix them. As a last resort, you can make the layers absolute, then use JS to move them onload to where you want them to be. There is a very good tech manual for Netscape 4's version of CSS at <!-- m --><a class="postlink" href="http://developer.netscape.com/docs/manuals/communicator/dynhtml/index.html">http://developer.netscape.com/docs/manu ... index.html</a><!-- m -->
background: #7B1829 url(images/pixelrood.gif) repeat;Put quotes around the URL.
layer-background-image: url(images/pixelrood.gif);Invalid (see note above).
/* height: 40px; - not supported by NN4 */Yes it is, but strangely. It is used as a suggestion... ;-)
Hope that helps. A link would give me more to work with.Thanks a lot for the help! I hoped to post immediately a better version of the site, but the webadress you gave me, is so interesting that I first want to read it in detail. So, probably you will hear from me again in a few days.... or maybe everything will become so clear that it will work without further help!
- layer-background-image doesn't work, although I made this declaration especially for N4
- to make the div's cover the whole page I have created tables: one global table op 560px and one table for the 'rechterkolom'-div; weird anough this table has to be 353px to match; the left-div is 147px, so 147+353=500: where are the other 60 pixels?
- the 'rechterkolom'-div creates a black square on top of my leftbar
- the 'rechterkolom'-div has the strange top of -19px
Can I expect that despite the weird dimensions, that Netscape will display this correct or does Netscape makes a random interpretation?
And if anyone has a solution for this problems....
Thanks,
Caroline
code:
<head>
<style type="text/css">
body
{margin: 0px; }
#bovenbalk
{
background: #7B1829 url(images/pixelrood.gif) repeat;
layer-background-image: url(images/pixelrood.gif);
layer-background-color: #7B1829;
background-repeat: repeat;
color: #000000;
width: 100%;
/* height: 40px; - not supported by NN4 */
position: relative;
top: 0px;
left: 0px;
}
#linkerkolom
{float: left;
width: 147px;
background: transparent url(images/zijbalk.gif) repeat-y fixed 0 0;
layer-background-color: #cbd4b0;
layer-background-repeat: repeat-y;
color: #000000;
position: relative;
top: 0px;
left: 0px;
width: 147px;
}
#rechterkolom
{
layer-background-color: #18197C;
position: relative;
top: -19px;
display: inline;
}
</style>
</head>
<body>
<table width="560px">
<tr>
<td>
<div id="bovenbalk">
<table border="0">
<tr><td> </td></tr>
</table>
</div>
<div id="linkerkolom">
</div>
<div id="rechterkolom">
<table border="0" width="353px">
<tr><td>
sdfsdfqsdfqsdf
</td></tr>
</table>
</div>
</td>
</tr>
</table>
</body>
</html>Originally posted by Caroline
- layer-background-image doesn't work, although I made this declaration especially for N4
There is no such property in NN 4. Perhaps you were thinking of
layer-background-color
- to make the div's cover the whole page I have created tables: one global table op 560px and one table for the 'rechterkolom'-div; weird anough this table has to be 353px to match; the left-div is 147px, so 147+353=500: where are the other 60 pixels?In the space they reserve for the scrollbar, even if you don't need it.
- the 'rechterkolom'-div creates a black square on top of my leftbar
- the 'rechterkolom'-div has the strange top of -19px
Can I expect that despite the weird dimensions, that Netscape will display this correct or does Netscape makes a random interpretation?
And if anyone has a solution for this problems....
NN 4 has a tough time with tables and positioned elements. I would suggest you pick one or the other, don't mix them. As a last resort, you can make the layers absolute, then use JS to move them onload to where you want them to be. There is a very good tech manual for Netscape 4's version of CSS at <!-- m --><a class="postlink" href="http://developer.netscape.com/docs/manuals/communicator/dynhtml/index.html">http://developer.netscape.com/docs/manu ... index.html</a><!-- m -->
background: #7B1829 url(images/pixelrood.gif) repeat;Put quotes around the URL.
layer-background-image: url(images/pixelrood.gif);Invalid (see note above).
/* height: 40px; - not supported by NN4 */Yes it is, but strangely. It is used as a suggestion... ;-)
Hope that helps. A link would give me more to work with.Thanks a lot for the help! I hoped to post immediately a better version of the site, but the webadress you gave me, is so interesting that I first want to read it in detail. So, probably you will hear from me again in a few days.... or maybe everything will become so clear that it will work without further help!