Easy way to adjust headers to be flexible?

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

  • The only way to do this is to use a CSS background image for your header and set it to repeat:

    .header {background:url(imahes/header-image.jpg) repeat-x left top;}

    many themes use a wrapper div to center the whole site.
    if you want your header(backgeound) to stretch across the browser window, make sure the header div is outside (before) the wrapper div, and has a inner div to center the header title, etc.

    schematic:

    ‘normal’:
    div #wrapper
    div #header
    header content
    /div #header
    div #content
    posts,sidebars,etc
    /div #content
    div #footer
    footer content
    /div #footer
    /div #wrapper

    with flexible header and footer:
    div #header
    div #header-inner
    header content
    /div #header-inner
    /div #header
    div #wrapper
    div #content
    posts,sidebars,etc
    /div #content
    /div #wrapper
    div #footer
    div #footer-inner
    footer content
    /div #footer-inner
    /div #footer

    hope that was what you wanted to know, and you get the idea

    Thread Starter vbpartners

    (@vbpartners)

    Thanks! that’s just what i needed ??

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Easy way to adjust headers to be flexible?’ is closed to new replies.