sidebar height:100% doesn't stretch to wrapper or content

  • I have tested many solutions found through google, none suffice.
    I built this template originally in straight html using a table and am trying to translate it into a wordpress theme.
    https://morningstarhealingarts.culturedweb.com/
    The issue:
    The two sidebars do not stretch to the height of the containing element: wrapper, as one would expect with height: 100%. I have noted through research the height percent property relates to height of viewport (screen height), but ….

    Per w3schools the height percent property “Defines the height in percent of the containing block”.

    Per HTML DOM: “The height property has effect only on block-level elements or on elements with absolute or fixed position. “

    This theme requires width of content area to stretch to fill screen width. So I can’t see how to meet the HTML DOM.

    Faux columns is not a solution, as I need to maintain the bottom border effect on all three columns and the right column contains only a rotating background image.

    This issue seems to be pretty prevalent. Who of you out there has an answer for me?

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

  • hmmm, i dont see any effects on the bottom?

    one tip: use more compressed pictures, takes forever to download ??

    Thread Starter sharonmiranda

    (@sharonmiranda)

    the effects: the 2 sidebars and the content column have 1px borders along the bottom. The three look great when the same height, as in original: https://morningstarhealingarts.net/
    Will experiment with the large bg image, thanks.

    Thread Starter sharonmiranda

    (@sharonmiranda)

    I just altered the style a bit so now what was the 2nd sidebar with random background image is now part of the header. But the question still applies; clearly to the left sidebar, and perhaps I can apply any solution to the new header column as well.

    Thread Starter sharonmiranda

    (@sharonmiranda)

    Now I realize the current testing layout has different issues in IE, so please evaluate in FF for the issue I’ve posted here.

    Thread Starter sharonmiranda

    (@sharonmiranda)

    Ok. I give up. Used JS. Now I have what I need.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘sidebar height:100% doesn't stretch to wrapper or content’ is closed to new replies.

Tags