Posted by ironcorona on 12/25/81 11:47

Samuël van Laere wrote:
> Under Firefox my table goes wrong:
> http://www.webkluns.nl/tabellen.html
>
> Any thoughts on what I need to do to fix it?

Firefox seems to be doing something odd with the caption element. The
way to solve this is go to your table style sheet and change it to:

caption {
background-color: #F5F5F5;
border-left: 1px solid #A9A9A9;
border-right: 1px solid #A9A9A9;
border-top: 1px solid #A9A9A9;
color: #404040;
font: normal bolder 100%/130% "MS Sans Serif", serif;
margin:0 auto;
}

table {
background-color: #DCDCDC;
border: 1px solid #A9A9A9;
color: #000000;
margin: 0 auto;
width: 70%;
}

td {
background-color: #F5F5F5;
border: 1px solid #A9A9A9;
color: #000000;
font: normal 100%/130% "Times New Roman", "Trebuchet MS", serif;
}

This is just adding margin:0 auto; to caption
and changing to margin:0 auto; in table
[note that values other than 0 in either of these breaks it too]

If you want to give the table some margin-top I suggest that you give
<div id = "divcontent"> some padding-top instead.

I have absolutely no clue as to why Firefox does this but none of my
other browsers (Opera, IE) do.


--
Brian O'Connor (ironcorona)

[Back to original message]