How to center everything in the header

  • miniru77

    (@miniru77)


    15 years, 5 months ago

    what is the best code to use to center the header in the below situation?

    /* header
    —————————————————————- */

    div#header {
    background: url(‘images/bg_header_top.gif’) repeat-x 0 0;
    }
    div#header-l {
    background: url(‘images/bg_header_left.gif’) no-repeat 0 0;
    }
    div#header-r {
    width: 100%;
    position: relative;
    background: url(‘images/bg_header_right.gif’) no-repeat 100% 0;
    }

    /* logo text */

    h1#blog-title {
    font: 2.5em/normal Arial, Helvetica, sans-serif;
    margin: 0;
    padding: 13px 0 0 23px;
    line-height: 1em;
    }
    h1#blog-title a, h1#blog-title a:link, h1#blog-title a:visited {
    color: #8a2;
    text-decoration: none;
    }
    h1#blog-title a:hover {
    color: #fff;
    }
    div#blog-description {
    padding: 0 0 5px 23px;
    color: #999;
    font-size: 85%;
    font-family: Verdana, Geneva, sans-serif;
    }

    Thanks

Viewing 3 replies - 1 through 3 (of 3 total)
  • mpesgt01

    (@mpesgt01)

    15 years, 5 months ago

    (if it is or) make all your header part a div
    try this

    margin:5px auto;

    wich would set 5px top and bottom and auto margin (center) left and right.

    Thread Starter miniru77

    (@miniru77)

    15 years, 5 months ago

    where exactly do I place that code…sorry, I’m really not sure.

    thanks

    Thread Starter miniru77

    (@miniru77)

    15 years, 5 months ago

    Could someone just quickly tell me where to place the suggestion MPESGT01 made…where do i insert the code he recommended?

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘How to center everything in the header’ is closed to new replies.