我有一个页面可以在IE和Chrome中正确显示,但不能在Firefox中显示。 我想要在所有三种浏览器中显示的结果如下所示:
...但是在Firefox中,它看起来像这样:
到目前为止,我的代码是:
My titlebody {
font-family: Arial, Helvetica, sans-serif;
margin-left:50px;
margin-right:50px;
}
.title{
float:left;
font-size:x-large;
}
.right-aligned{
float:right;
font-size:smaller;
text-align:right;
}
table,tr,td,th {
border:1px solid black;
}
tr.clsTable {
background-color:lightgray;
}
td.tableContainer {
padding:0px;
}
table {
border-collapse: collapse;
}
td.spacer {
border-right:hidden;
}
table.clsSubTable {
border-top:0px hidden;
border-right:0px hidden;
}
td,th {
padding:3px;
}
th {
background-color:burlywood
}
.no-result{
position:absolute;
top:50px;
}
aligned
Some heading | Some other heading |
---|---|
Some data | Some other data |
我在做什么错了,我该怎么做才能解决Firefox问题,而又不会“破坏” IE和Chrome中的当前行为(“右对齐”文本在浏览器中与表的右边缘保持关系)窗口是否已调整大小)?