CSS question -- removing a space at top of site_问答_开发者

CSS question -- removing a space at top of site

开发者 https://www.devze.com 2023-03-26 08:23 出处：网络

How do I remove the gray area here: https://i开发者_运维知识库mg.skitch.com/20110808-ncu19ep6fw47s9pxhqxa99qmcb.jpg

相关专题：css margin

How do I remove the gray area here: https://i开发者_运维知识库mg.skitch.com/20110808-ncu19ep6fw47s9pxhqxa99qmcb.jpg

In style.css, padding is:

padding: 0;

...I've tried changing this:

#page { margin-top: 0; }

to the following things:

#page { margin-top: 5px !important; }

#page { margin-top: -5px !important; }

#page { margin-top: 0px !important; }

#page { margin-top: 0 !important; }

...but these things showed no noticeable change.

Here's the site in case it helps: http://richardclunan.com/

Thanks,

Give the below style:

 body {
        margin:0px;
        padding:0px;
        }


    #page {
    margin:0 auto;
    max-width:1000px;
    }

You probably need to add the same rules to the <body> and/or <html> elements:

body, html { margin: 0px; padding: 0px; }

You have this:

#page {
    margin: 2em auto;
    max-width: 1000px;
}

in your style.css. That gives #page a top and bottom margin of 2em. You probably want this:

#page {
    margin: 0 auto 2em auto;
    max-width: 1000px;
}

That's the same as margin: 2em auto but with a zero top margin.

change this css style:

 #page {
    margin: 2em auto;
    max-width: 1000px;
}

 #page {
    margin: 0px auto;
    max-width: 1000px;
}

also change

#branding {
    border-top: 2px solid #BBBBBB;
    padding-bottom: 10px;
    position: relative;
    z-index: 2;
}

to this:

#branding {
    padding-bottom: 10px;
    position: relative;
    z-index: 2;
}

CSS question -- removing a space at top of site

精彩评论

关注公众号

热门标签

图文推荐

CSS question -- removing a space at top of site

更多 问答 相关资讯：

精彩评论

关注公众号

热门标签

图文推荐

更多问答相关资讯：