css - 我的第一个站点 : How horrible is my code (mainly in relation to floats and positioning)?

标签 css

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

相信我的代码很糟糕的进一步原因有两个:

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

  2. 我的页面布局在 IE 7 中出现问题,很可能是由于 float 、定位以及不遵守盒模型和 IE 的宽度差异。

我已经尝试集成二十十个 wordpress 主题下拉菜单的修改版本,但由于它破坏了布局而无法集成。

我希望这不会像乞求某人为我做这项工作而结束。我真的很想了解这一点,但遗憾的是我没有解决问题所需的知识。

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

这是 the site .

最佳答案

其实,这还不算太糟糕。我见过更糟糕的东西。

关于学习定位和正确的 CSS 设计,我强烈推荐 The Zen of CSS Design .它是学习如何正确使用 CSS 的宝贵资源。

关于浏览器兼容性,这是我的独家新闻:

首先,如果你想成为一名专业的网页设计师,它必须适用于所有浏览器。时期。如果它不能在所有主流浏览器上运行,那么就不值得为此付费。

为了让它适用于所有浏览器,我推荐以下内容:

  1. 首先在符合标准的浏览器(FF、Chrome、Safari 等)上设计您的所有页面。不要在 Internet Explorer 上设计。
  2. 循序渐进地工作。进行少量更改,在所有浏览器上进行测试,及早发现问题。
  3. 当您发现问题时,在线搜索为什么情况看起来不一样。如果您无法找出事情看起来不同的原因,请随时在 SO 或其他类似网站上询问原因。

这是一段漫长的旅程,但你比你想象的要走得更远。

关于css - 我的第一个站点 : How horrible is my code (mainly in relation to floats and positioning)?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3506282/

相关文章:

JQuery 改变主题

css - Google Chrome CSS 过渡错误 - 透视表现异常

css - 如何在 css3 选择器上放置小于运算符?

html - 以下 CSS 和 HTML 有什么问题?

css - 如何正确使用 % 来动态调整 div 的大小?

带有父方法的 jquery 容器属性

css - 一行多图 CSS + Div

html - 如何使 div 中此电子邮件选择表单中的 h2 响应?

javascript - 当不再悬停时延迟隐藏 CSS 子菜单

javascript - 通过 <style> 在 CSS 中使用 JavaScript 函数