我的第一个网站：我的代码有多可怕（主要与浮动和定位有关）？

Question

我是一名自学成才的网页设计师，我发现很难掌握的最重要的事情之一是花车和定位的概念，我担心它会回来咬我的屁股，因为我正在尝试将下拉菜单集成到我现有的导航中。

进一步理由相信我的代码是可怕的是双重的：

1. 对于跨浏览器和跨平台支持，导航无法一致地呈现。它们是轻微的不一致，至少在视觉上，我怀疑是代表我代码中的主要缺陷。

2. 我的页面布局在IE 7中中断，很可能是由于浮动，定位，以及缺乏对盒子模型的遵守和IE的宽度差异。

我试图整合Twenty Ten wordpress主题下拉菜单的修改版本，但不能打破布局。

我希望这不会因为乞求有人为我做这项工作。我真的很想了解这一点，但遗憾的是我没有必要进行故障排除的知识。

任何指导或帮助将不胜感激。

这是the site。

Answer 1

实际上，这并不算太糟糕。我看到的东西更糟糕。

至于学习定位和适当的CSS设计，我强烈推荐The Zen of CSS Design。它是学习如何正确学习CSS的宝贵资源。

至于浏览器的兼容性，这是我对此事的独家报道：

首先，如果您想成为一名专业的网页设计师，它必须适用于所有浏览器。期。如果它不适用于所有主流浏览器，则不值得付费。

为了让它适用于每个浏览器，我建议如下：

1. 首先在符合标准的浏览器（FF，Chrome，Safari等）上设计所有页面。不要在Internet Explorer上进行设计。
2. 逐步工作。进行少量更改，在所有浏览器上进行测试，并尽早发现问题。
3. 当您发现问题时，在线搜索事物看起来不同的原因。如果您无法找出原因不同的原因，请随时在SO或其他类似网站上询问原因。

这是一段漫长的旅程，但是你走得太远了。