首先让我说我不是一个设计人。我所做的大部分工作通常在后端/基础设施(WCF、DB、Business Objects)上。我们没有正式的网页设计师,除非您将通信专业的使用首页类型程序设计网页的人视为网页设计师。我当然知道基本的 HTML,但我没有跟上 HTML 中最新的设计技术/标准:XHTML、CSS 设计等......
今天,我的任务是对我们的一些网络表单进行一些非常重大的设计更改。页面一团糟!大多数对齐是使用嵌套表完成的。我让一切看起来都正确,并且在 IE7 中看起来很好。我们的网站说我们同时支持 Firefox 和 IE。所以我去尝试在 Firefox(最新版本)中加载它,男孩看起来很糟糕。起初我想......好吧,浏览器不能安装在我机器上的 machine.config 中(这本身就是一团糟,它的维护方式,所以我去代码项目,不幸的是我认为它维护的地方,和获取最新版本(我认为是 2006 年的),它没有区别。然后我尝试了一系列不同的浏览器:Opera、Chrome 和 Safari。它们看起来略有不同,但都在可接受的范围内。Firefox 是真的是唯一看起来一团糟的浏览器。所以在尝试并尝试了各种不同的布局选项(许多适用于所有浏览器但不适用于 Firefox)之后,我感到非常沮丧,并准备拔掉我的小头发。
在经历了所有这些之后......我在想必须有更好的方法!如何使用表格进行精确布局?浏览器渲染有很多差异,尤其是当您的布局要求非常精确时(例如,有代码试图通过使用标题部分中每个 TD 上的底部边框在自定义标题下绘制一条线Firefox 正在搞砸的几个领域)。我知道布局可以用 CSS 完成(即使我从未做过)。请告诉我它更独立于浏览器,或者至少给我一些指示,所以我知道我们正在编写的代码会引起浏览器的提示......我不知道这有多难,因为有多少浏览器是 100% ACID提示?
任何指针/建议将不胜感激。
最佳答案
就像 Meatball 说的,“欢迎来到 Web 开发!”
也就是说,CSS 和基于标准的 Web 开发肯定会有所帮助。基于标准的开发通常避免使用表格作为布局选项,并将它们的使用限制为表格数据(有些人会争辩说,在基于标准的设计中,永远不要使用表格......任何重要时间段的开发和任何重要的技能都会告诉你省去一些麻烦,并使用表格来设计它们:表格数据......信息通常显示为行和列。)
一个应该让您入门的优秀站点是 A List Apart 。它是所有最常见和许多相当晦涩的网页设计问题的解决方案的绝佳存储库。
在我职业生涯的大部分时间里,我都在网页设计中度过,我学会了一个小技巧,可能会对你有所帮助。有趣的是,Opera 实际上是我用过的最符合标准的浏览器。它是第一个通过 Acid 2 测试的浏览器,也是目前唯一通过 Acid 3 100% 的浏览器。我了解到,首先在 Opera 中设计和测试站点有助于我实现良好的、完全符合标准的 CSS 和 XHTML 基线。一旦您的网站在 Opera 中看起来完美无缺,请继续使用 Firefox、IE7/8、Chrome 等,并根据需要添加调整或修改,以使所有内容在您需要支持的所有浏览器中看起来都正确。这样做为我节省了数小时,有时甚至数天或数周,试图让 FF 和 IE 相互配合,但实际上从未真正实现任何基于标准的合规性。
关于HTML 布局、ASP.Net、浏览器差异……必须有更好的方法,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/1036212/