我刚刚完成了我的网站,它在 FF、Safari 和 Chrome 中看起来不错。 Opera 看起来不错,但不如 FF。 IE 看起来很糟糕。
是否有任何应用程序可以检查错误的 CSS 并修复它? 如果没有,跨浏览器调整网站的最简单方法是什么?
以下只是我在外观方面遇到的众多问题之一......
我在 index.html 中有一个表单,其中包含多个输入。在输入的右侧,我有一个提交表单的“搜索”按钮。此按钮应该在右侧,但有时会掉落一行以结束在输入下方的左侧。这只发生在 Opera 10.53 和 IE 浏览器中。 (尚未测试任何其他 Opera 版本)。
代码如下:
<table border="0" align="center">
<tr>
<td>
<div class="nav_container" id="nav_container">
<div id="nav_container2" class="nav_container2">
<form id="nav_form_main" name="nav_form_main" action="/search/" target="iframe001" method="get" onSubmit="reset_and_subm();">
<div class="nav_lists" id="nav_list">
<input name="nav_querystring" type="text" id="nav_querystring" style="width: 240px; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold;" value="">
<select name="nav_category_list" size="1" id="nav_category_list" style="width: 195px;" onChange="subcatSelection();">
<option value="All categories" selected>-- All categories --</option>
ALOT OF OPTIONS HERE
</select>
<select name="nav_city_list" id="nav_city_list" style="width: 180px;" onChange="areapicker();">
<option id="Hela Sverige" value="Hela Sverige" selected>-- Hela Sverige --</option>
ALOT OF OPTIONS HERE
</select>
<input type="submit" name="nav_submit" id="nav_submit" value="Sök" style="width: 58px; font-size: 13px;">
</div>
</div>
</td>
</tr>
</table>
这是涉及的 CSS:
.nav_container2 {
position:relative;
left:0px;
top:10px;
}
.nav_container {
background-image: url(../Graphics/menu_lvl1.gif);
height: 101px;
width: 720px;
padding:0;
margin:0;
}
如果您需要更多信息,请告诉我...
当然,这里的问题最多的是 IE...正如我上面提到的,Opera 中有一些...休息很好。
谢谢
最佳答案
您可以使用以下站点来验证您的 CSS 以查看它是否符合 W3C 标准:
http://jigsaw.w3.org/css-validator/
它会遍历您的 CSS,检查兼容性,并在错误存在时吐出错误。它会告诉你文件中哪里有错误,这样你就可以去修复它们。我不知道有什么工具可以为你修复你的 CSS ......我不会使用它,因为我不会那样学习任何东西。
您可以使用以下站点来验证您使用的 HTML 和其他标记语言:
这些都是我在开发时经常使用的令人难以置信的工具。我还建议安装 Web Developer Toolbar和 Firebug让你的生活在开发时更轻松。
使用这些工具将帮助您制作跨浏览器兼容的网站...如果不兼容,您可以使用这些工具来调试和修复您的工作。
希望对您有所帮助!
关于html - CSS 在 Opera 和 IE 中看起来很糟糕;我应该从哪里开始?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3542106/