Need help with header alignment....

Discussion in 'HTML & Website Design' started by geekology, Oct 17, 2009.

  1. #1
    geekology, Oct 17, 2009 IP
  2. csswebdesigner

    csswebdesigner Peon

    Messages:
    1
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #2
    is pretty easy, you must to go into header section and include a <div> tag. put into css properties

    #header_div {
    padding: 5px;
    height: 90px;
    width: 780px;
    margin-right: auto;
    margin-left: auto;
    }
    now copy information (logo, search box, feeds) into new div.

    you will have:
    <div id="header">
    <div id="header_div"> === include here your content===</div>
    </div>

    and enjoy your new header :)

    css to align your div in center position:
    margin-right: auto;
    margin-left: auto;
     
    csswebdesigner, Oct 17, 2009 IP
    geekology likes this.
  3. geekology

    geekology Well-Known Member

    Messages:
    545
    Likes Received:
    15
    Best Answers:
    0
    Trophy Points:
    110
    #3
    Thanks a lot csswebdesigner.
    This is solved now. There is still one problem. The look and feel of header is different in IE6 when compared to Firefox. (In IE6 there is a strip at the top). What can I do to make it consistent?
     
    Last edited: Oct 18, 2009
    geekology, Oct 18, 2009 IP