Padding, CSS, and Netscape 4

[AdamXS]

My boss wanted some space between every cell in every table - among other things. To do this, I added this to the style sheet:

td {
padding: 4px;

}

This did exactly what he wanted. Unfortunately, it has also created a great deal of white space above the table in Netscape Communicator 4.79 for Windows (and probably the Mac and Unix/Linux/BSD versions as well).

Is there any way to fix this?

In case it matters, the rest of the style sheet looks like this:

/* CSS Document */

body {
color: black;
font-family: Arial, Helvetica, Geneva, sans-serif;
font-size: 16px;
font-weight: bold
background-color: white
}

#content {
margin-top: 35px;
position: absolute;
left: 5px;
width: 720px;
}

.menuStyle {
color: #000000;
font-size: 14px;
font-family: Verdana, Arial, Helvetica, sans-serif;
background-color: #ccc;
padding: 5px;
width: 100%;
}


#menuHead {
background-color: silver;
position: absolute;
z-index: 50;
top: 0px;
left: 0px;
visibility: visible;



}


#menuHead1 {
position: relative;
}

#menu1 {
position: absolute;
z-index: 100;
width: 200px;
visibility: hidden;

}

#menuHead2 {
position: relative;
}

#menu2 {
position: absolute;
z-index: 100;
visibility: hidden;
width: 200px;
}

#menuHead3 {
position: relative;
}

#menu3 {
position: absolute;
z-index: 0;
visibility: hidden;
width: 200px;
}

a.menulink:link {
font-weight: bold;
text-decoration: none
}

a.menulink:visited {
font-weight: bold;
text-decoration: none
}

a:active {
color: red;
}

a.menulink:hover {
color: #900;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
text-decoration: none;
}


a:link {
color: blue;
}

a:visited {
color: purple;
}

a:hover {
color: maroon;
}

/* My additions start here. */

p {
font-family: Arial, Helvetica, Verdana, sans-serif;
margin-left: 20px;
font-weight: bold
}

p.right {
text-align: right
}

p.indent {
margin-left: 40px
}

p.bottom {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
}

p.small {
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 12px;
}

h1 {
font-size: 24px;
font-weight: bold;
margin-left: 20px
}

h1 underhead {
font-size: 20px;
font-weight: lighter
}

h2 {
font-size: 18px;
font-weight: bold;
margin-left: 20px
}

b {
font-weight: bolder
}

strong {
font-weight: bolder
}

table {
margin-left: 20px;
font-size: 14px;
font-weight: bold;
border-style: solid;
border-width: 1px;
border-color: black;
}

table.form {
margin-left: 20px;
font-size: 16px;
font-weight: bold;
border-width: 0px
}

table.layout {
margin-left: 20px;
font-size: 14px;
font-weight: bold;
border-width: 0px
}

table.layout tr {
vertical-align: top;
font-weight: bold
}

table.form tr {
vertical-align: bottom;
font-weight: bold;
text-align: left
}

td {
padding: 4px;

}

tr {
border: 1px;
text-align: left;
vertical-align: top;
font-weight: bold;
text-align: center;
}

tr.head {
font-weight: bold;
background-color: blue;
color: white;
text-align: left;
}


tr.state {
font-size: 20px;
font-weight: bold;
background-color: blue;
color: white;
text-align: left
}

tr.alternating {
background-color: cyan;
}


For the time being, this issue is seen on this page among others.

[Andrew-J2000]

use this in the table

style="display:inline;"
style="margin-top:0px;"
style="margin-bottom:0px;"

whys everyone posting non-javascript questions in this thread today

[AdamXS]

Thanks. I'll try that.

Last I checked this is the DHTML and JavaScript forum. CSS (and DOM and JavaScript and Netscape Layers and Active X and ) is a part of DHTML.

[Andrew-J2000]

Home / Build your Site / Web Page Design / CSS

dont ya think that would have been more appropriate though lol

[AdamXS]

Sorry, my eyes saw DHTML and JavaScript first.

That code got rid of the white space. Unfortunately, it also got rid of cell background colors. Without rewriting every page in HTML 3.2, is it possible to get the colors back in Netscape 4?

[Andrew-J2000]

yup

style="background-color:ghostwhite;"

[AdamXS]

No way to do it without making every single page significantly larger?

Oh well, Netscape 4 and tables in external style sheets never did play nice together. The six people still using Netscape 4 as their primary browser can live with white-background tables.

[Andrew-J2000]

stick it in an external stylesheet, and reference the stylesheet