html为什么会多两像素,html - 在Firefox和IE9中可见的表格高度差异约为2像素 - 堆栈内存溢出...

最新推荐文章于 2022-01-02 21:17:05 发布

鲸吃瓜

最新推荐文章于 2022-01-02 21:17:05 发布

阅读量174

点赞数

文章标签： html为什么会多两像素

我在Mozilla / IE中遇到布局问题。我做了两张桌子。使用float / left right时，它们彼此相邻显示，并且效果很好。现在唯一的问题是：IE9的右表比firefox高大约两个像素。可能是什么问题？

在CSS的底部，您可以看到我将表与现有表/ td配置分开放置在两个不同的类中。

谢谢和问候，埃里克

我的CSS：

body {font-family: Century Gothic, Arial; text-align:center; margin: 0 auto; background-color: #CCCCCC;}

table {display:table; margin:0px 0; padding:0; border:1px solid #000000; font-size:100%;}

tr {display:table-row;}

th, td {display: table-cell; border:0px solid #000000; margin:0; padding:5px; vertical-align:top; text-align:left;}

th {background:#E7ECFD; text-align:center; color:#192666; font-weight:bold;}

hr { border: 0; color: #000000; background-color: #000000; height: 1px; width: 100%; text-align: left;}

a {color: #0B0080;}

a:hover {color: #ffffff;}

img {border:0;}

#header {font-size: 60px;color: #333333;}

#menu {width:1000px; padding-top:10px; padding-bottom:10px; text-align:left; margin-top:10px; margin-bottom:10px; }

#menu_left {text-align:left; float:left; font-weight: bold;}

#menu_right {text-align:right; font-size:75%;}

#content {width: 1000px; margin: 20px auto 0px auto; text-align:center;}

#main { float: left; height:650px; width:1000px; background-color: #CCCCCC; font-size: 14px; color: #000000; text-align:left;}

.sidebar {width:300px; height: 600px; float: right; background-color: #CCCCCC; font-size: 18px; color: #000000; margin-top:10px; padding-top:20px;}

.footer {font-size: 14px; color:#333333; text-align:center;}

table.table_register { border:1px solid #000000; padding:10px; float:left; width:50%; font-size:100%;

border-top-left-radius: 15px; border-bottom-left-radius: 15px; border-right:0px;

-moz-border-radius: 15px 0px 0px 15px;

-webkit-border-radius: 15px 0px 0px 15px;}

table.table_register2 { border:1px solid #000000; padding:10px; float:right; width:50%; font-size:100%;

border-top-right-radius: 15px; border-bottom-right-radius: 15px;

-moz-border-radius: 0px 15px 15px 0px;

-webkit-border-radius: 0px 15px 15px 0px;}

td.submit {display: table-cell; border:0px solid #000000; margin:0; padding:10px;

text-align:right; vertical-align:top; }

tr.test { height: 182px;}

我的标题：

和我的形式：

Persoonlijke gegevens Velden met een * zijn verplicht.
Titel:	Dhr. Mevr. *
Voornaam:	*
Tussenvoegsel
Achternaam:	*
Postcode:	*
Straatnaam	*
Huisnummer:	*
Woonplaats:	*
Telefoonnummer:	*
Telefoon mobiel:	*

inloggegevens Uw e-mailadres en wachtwoord heeft u nodig om toegang te krijgen tot uw gegevens. Tevens zullen we u via dit e-mailadres op de hoogte houden van de status van uw bestellingen.
E-mailadres:
Wachtwoord:
Wachtwoord herhalen:

和页脚：

关注