0

我正在做一个项目http://damiracle.com/clientdemos/site_ibfa/ 我正在使用标题面板宽度 100%。

    #header
{

    width:100%;
    height:829px;
    /*background:url(../images/head2.png) repeat-x;*/
    background:#000;
    /*overflow:hidden;*/
    margin-bottom:10px; 



    }

当它是大屏幕分辨率时一切正常，但当它是较小的屏幕分辨率时，它在右侧显示一个空白。我已经尝试了一切。我写了一个全局css

html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td {margin:0;padding:0; border:0;font-size:100%; font:inherit; vertical-align:baseline;}

但它也不起作用。如果有人帮我解决这个问题，我将不胜感激。在此先感谢大家

4

2 回答 2

0

添加min-width:1200px;到您的#header

#header {
    width:100%;
    height:829px;
    background:#000;
    margin-bottom:10px; 
    min-width: 1200px;
}

PS：您可以为所有块使用一张背景图片！优化您的网站。对于块中的标题，使用imgwith alt（对于 SEO 和禁用图像的用户来说这是一个很好的路径），如下所示：

<img src="/images/destination-egypt.png" alt="Destination Egypt"/>

或者为了更优化使用CSS-sprites。

于 2012-11-12T07:48:35.337 回答
0

这是因为你#headerTOP有一个width: 1200px. 因此，您#header只需获得屏幕尺寸的 100% 尺寸。但是#headerTOP如果屏幕宽度低于1200px.

于 2012-11-12T08:19:51.363 回答