Sent by Andre Dubuc on 30 June 2002 14:02
I re-loaded Netscape 4.79 to see how my site-in-progress looked. What a
shock! It looks like something I'd get with Lynx!
No queries (I'm using PHP 4.1.2) nor any tables are displayed. All headers
(from <h1 through h6>) are truncated, and the links (and menu system) are at
the top 'Lynx' style.
I have two questions. The first: is my 'default.css' below at fault, or is
this just a case of Netscape horror? According to www.richinstyle.com "Bug
Guide for Netscape 4; Part 1" is the major error is my use of
'div#content' where 'div#?????' is not allowed?
My second question is related to the first: is Netscape 4 series used very
much anymore? Is this worth the trouble to fix? Btw, it works well with
Konqueror, Mozilla, and Opera 6.01.
Here's my 'default.css':
<!--
body {position: relative; margin: 0; padding: 0; background: black;}
body, TD, TH {font: 13px Verdana, sans-serif;}
div#content {position: absolute; top: 55px; left: 181px; right: 55px;
width: 60%; color: #FFCC99; font: 13px Verdana, sans-serif; padding: 10px;
border: solid #FFCC99; background: #468;}
div#foot {position: relative; bottom: -50%;
color: #FFCC99; font: bold 13px Verdana, sans-serif;}
div#table {position: relative; width: 98%; bgcolor:#FFCC99; font: 13px
Verdana, sans-serif;
color: black; padding: 10px;}
div#quote {position: absolute; top: 205px; left: 161px; right: 145px;
color: #FFCC99; font: 13px Verdana, sans-serif; padding: 10px; border: solid
#FFCC99;}
div#quote {margin-top: 0.25em;}
div#table p {margin: 0 1em 1em;}
div#table h3 {margin-bottom: 0.25em;}
div#content p {margin: 0 1em 1em;}
div#content h3 {margin-bottom: 0.25em;}
div#links a {display: block; text-align: center; font: bold 1em sans-serif;
padding: 5px 10px; margin: 0 0 2px; border-width: 0;
text-decoration: none; color: #FFCC99;}
div#links a:hover {color: white;}
h1 {margin: -9px -9px 0.5em; padding: 20px 0 5px; text-align: right;
background: #ACE; color: #024; letter-spacing: 0.4em;
text-transform: lowercase; font: bold 25px sans-serif; height: 28px;
vertical-align: middle;}
h2 {margin: -4px 0px 0px 0px; padding: 15px 0 5px; width: 100%; text-align:
center;
background: #FFCC99; color: #024; font: bold 16px sans-serif; height: 20px;
vertical-align: middle;}
h4 {margin: 1% 10% 2% 10%; width: auto; padding: 15px 0 15px; text-align:
center;
background: #ACE; color: #024; font: bold 13px sans-serif;
height: auto; vertical-align: bottom;}
h5 {margin: 4% 10% 2% 10%; width: 80%; padding: 15px 0 15px; text-align:
center;
background: #ACE; color: #024; font: bold 13px sans-serif; height: auto;
vertical-align: bottom;
border: ridge; border width: 3px;}
h6 {width: 100%; text-align: center; background: #ACD; color: #024; font:
bold 10px sans-serif;
height: auto;}
dt {font-weight: bold; color: black}
dd {margin-bottom: 0.66em;}
div#content a:link {color: white;}
div#content a:visited {color: blue;}
div#content a:link:hover {color: blue;}
div#content a:visited:hover {color: red;}
div#links {position: absolute; top: 52px; left: 0; width: 160px;
height: 700px; font: 12px Verdana, sans-serif;}
code, pre {color: #FFDE12; font: 110% monospace;}
-->
Any suggestions what I might be doing wrong or how to hack this for Netscape
would be greatly appreciated.
Tia,
Andre
--
Please pray the Holy Rosary to end the holocaust of abortion.
Remember in your prayers the Holy Souls in Purgatory.
May God bless you abundantly in His love!
For a free Cenacle Scriptural Rosary Booklet: http://www.webhart.net/csrb/
