设置网页宽度

我是网页设计新手。我想设置页面宽度，以便在800x600分辨率的屏幕中显示。我通常使用表格，但是我在某处读到过度使用表格会降低网站的性能。还有什么我可以使用的，以及如何设置宽度？设置网页宽度

2010-03-21 RKh

既然您是网页设计新手，可以说：**请**不要设置您的网页使用固定宽度。计算机屏幕的尺寸很多，人们喜欢将他们的浏览器窗口变成他们想要的尺寸。固定宽度的布局（比如悲哀地）对用户有效地说：“我不在乎你想要什么，我要在X之前做Y，你只需要滚动或者改变你的窗口大小“。是的，它有时会让你的生活变得更轻松，但是你的网站还是你的用户？流畅的布局（合理的;最小的宽度是好的）更为尊重，并不那么难。 – 2010-03-21 08:15:53

恕我直言，这是一个味道和用例的问题。当您的文本列宽度为1900px时，您在动态宽度方面具有流体布局时，会产生什么感觉？很难阅读。如果你有图像按钮等，很难衡量。所以我认为这取决于Gmail使用灵活布局的一个很好的例子，但SO是一个不使用它的好例子。 – david 2010-03-21 08:26:37

@david：在一个流畅的布局中，我的文本列*不会是* 1900px宽，除非用户有一个大尺寸的屏幕和一个全屏浏览器窗口，在这种情况下，他们显然喜欢阅读如此宽的文本列或他们不会那样做。这取决于他们。可能有用于固定宽度布局的用例（我不*立即*提出了一个，但是...），显然在布局中有固定宽度内容的用例*，但绝大多数的固定布局我看不到（恕我直言）有效用例。 – 2010-03-21 11:49:44

是的，桌子是如此1995年....

现在，你应该使用的DIV和跨越。

http://www.smashingmagazine.com/2009/04/08/from-table-hell-to-div-hell/

也W3Schools的是HTML初学者

但是，何必呢，你可以像网站的使用已经做出布局常规资源： http://www.freelayouts.com/websites/html-templates

来源

2010-03-21 08:05:00 Faruz

它可能很难让'div'正常工作，但当我完成时，我总是为我的标记感到骄傲。 – 2010-03-21 08:45:06

Usings的DIV，而不是表看起来是这样的

<div style="width:800px"> 
    <!-- your content here --> 
    </div>

这产生列800像素的宽度。请记住，您通常可以将样式定义放在外部* .css文件中。实际上你也会有一些嵌套的DIV，您的主要菜单和内容

<div id="wrapper"> 
    <div id="topMenu"> 
     <!-- menu items --> 
    </div> 

    <div id="content"> 
     <!-- content --> 
    </div> 
    </div>

这里我已经使用了可以唯一寻址的特定项目的ID。这很容易通过CSS样式分配给他们：

#wrapper { 
    width:800px; 
} 

#topMenu { 
    width:800px; 
    height:200px; 
}

迟早你会偶然发现这是另一个大话题术语“浮动的div”。

来源

2010-03-21 08:18:08 david

+1但是'topMenu'没有理由重复宽度，是吗？因为它是'div'，它会扩展到它的容器的全部宽度（我喜欢关于'div'的其中一个东西）。 – 2010-03-21 11:54:25

Thx。是的，你是对的。 – david 2010-03-21 13:14:27

设置网页宽度

回答

相关问题