0

我的 CSS 有问题，有人可以帮我解决吗？我可以为一个浏览器制作我的设计，但它会在另一个浏览器中中断。

例如，如果我为 Chrome 修复它，那么它不适用于 Firefox，反之亦然......

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
<html>
<head>
<title>Bookmark Storage</title>
<style>
.frmsub{


}

.btnsub{
position:relative;
left:-80px;
bottom:-24px;

}
.btnclear{
position:relative;
right:-30px;
top:0px;

}
.mltsub{
position:relative;
right:-30px;
top:375px;
}
.load{
position:relative;
right:290px;
top:30px;

}
</style>

</head>
<body background="http://www.dodaj.rs/f/1F/l0/2CSIzyy1/notebook1.jpg">
<div align="center">
<div align="center">
<form class="frmsub" action="./BK.pl" method="POST">
URL: <input name="HWID" type="text">  <br>
Short description(optional): <input name="HWID1" type="text1">  <br>
<input class="btnsub" value="Submit" type="submit"></form>
<form  action="./clear.pl" method="POST">
<input class="btnclear" value="Clear" type="submit">
</form></div></div>
<div align="center"><form method="POST" action="./multiBK.pl">

<input class="mltsub" value="Submit" type="submit">
</form><form method="POST" action="./AddS.pl">
<textarea name="HWID" rows="20" cols="50">Add bookmark source here, press load and then submit.
</textarea>
<input class="load" value="Load" type="submit">
</form></div>


<p align="center"></p>
<div align="center">
<div align="center">&nbsp;</div></div>
<p align="center">&nbsp;&nbsp;&nbsp;&nbsp; *Check your bookmarks: <a HREF="./newbm.html">Click</a></p>

</body>
</html>

只看重要不注重形式...

4

3 回答 3

1

是的，就像 Markus 说的那样，使用这样的 CSS 重置众所周知： http: //meyerweb.com/eric/tools/css/reset/

如果应用后仍然无法正常工作，则可能是您的代码有问题

于 2013-08-02T15:54:02.290 回答
0

尝试将此添加到您的 css 文件的顶部：

{
margin:0;
padding:0;
}

这样您就可以测试是否存在一些默认浏览器填充/边距问题，而无需使用一些大型 css 重置...

我可以告诉你的是，我认为问题在于您将其包装在

它具有默认的 10px 底部和顶部填充，因此可以尝试在您的 CSS 中将其重置为 0。

lineInput{
padding:0;
}

或者只是将该段落更改为 div。

也许这就是解决方案，但也许不是，因为您使用的是绝对定位......

我计算了图片两部分中的px和字母都是15px。在Firefox中，橙色部分末尾的字母是11px，而在chrom中是8px。在 Firefox 中，从字母顶部到橙色部分的开头有 12px，而在 chrom 中有 10px。所以这是5px的差异。

尝试这个：

btnSubmit{
height:38px;
padding:0;
}

这将使按钮高 38 像素，字母将位于按钮的左上角。然后你可以添加这个：

text-align:center;
padding-top:10px;

// 或者需要多少垂直居中。

于 2013-08-07T09:40:17.747 回答
0

尝试将此添加到您的 css 文件的顶部：

*{
margin:0;
padding:0;
}
于 2013-08-02T15:44:02.563 回答