我开发了一个有10个页面的网站，现在我面临着一个主要问题，当我在任何其他屏幕比我的网站更宽的机器上运行它时，它会变得不平衡，并且不能在我自己的机器上正常显示。
我想知道如何使这个网站浏览器兼容，可以在任何具有相同布局的机器上运行，也可以在任何带有相同布局的屏幕上运行。
请为我提供帮助，我该怎么办？？
您有多个问题。
首先，它与你的机器无关，只与浏览器有关，你需要做出正确的设计。的基本设计原则很少
即液体布局设计-适合任何屏幕宽度，并随着屏幕而收缩/增长
另一种是固定布局-无论屏幕大小，这种布局都保持不变。
你应该选择其中任何一个。网上有很多不错的CSS模板可以免费获得。你可以做的是，使用这个主题的骨架，应用你的风格和其他元素来创建你自己的风格。
浏览器兼容性是一个由来已久的问题，设计者需要处理不同的技术。一些人使用javascript来检测不同的浏览器，并呈现适合该浏览器的css，而另一些人则编写条件css。
你可以选择其中一种策略。
您可以按照响应式Web设计来设计您的网站。
三个关键技术功能是响应式Web设计的核心：
- 媒体查询和媒体查询侦听器
- 使用相对大小调整的灵活的基于网格的布局
- 灵活的图像和媒体，通过动态调整大小或CSS
阅读以下链接了解更多信息http://msdn.microsoft.com/en-us/magazine/hh653584.aspx
首先，网站与您使用的机器无关，只是浏览器的渲染方式不同(在您的情况下)，因为如果您熟悉CSS，您可以构建一个跨浏览器网站。
因此，为了制作一个跨浏览器网站，你需要对html有很强的理解，更重要的是CSS，你需要决定你是想要修复布局还是动态/液体，有很多书在那里，搜索响应设计，学习跨浏览器CSS，你也可以使用screen(width)/print specific stylesheets将你的网站提升到更好的水平。。。也在CSS中学习POSITIONING
学习网页设计的一些最佳书籍：
自适应Web设计
-Aaron Gustafson响应式Web设计
-Ethan Marcotte手工制作的CSS：更防弹的网页设计
-Dan Cederholm和Ethan Marcotte要创建一个跨浏览器兼容的网站：
-
仅使用符合标准的编码。
-
不要使用特定于浏览器(专有)的HTML标记和功能。
这些只能在为其创建的浏览器中工作，在其他浏览器中查看时甚至可能会破坏您的网页。
验证您的网页。
-
使用W3C免费验证服务验证HTML/XTML编码
-
使用W3C免费验证验证级联样式表服务
有关详细信息，请参阅链接
http://www.netmechanic.com/products/Browser-Tutorial.shtml